草庐IT

d3_graph_chart

全部标签

javascript - 递归地(或迭代地)用 d3.js 制作一个嵌套的 html 表?

我有一个嵌套的JSON结构数组,它们的深度各不相同,而且各处的键集都不相同:[{"name":"bob","salary":10000,"friends":[{"name":"sarah","salary":10000},{"name":"bill","salary":5000}]},{"name":"marge","salary":10000,"friends":[{"name":"rhonda","salary":10000},{"name":"mike","salary":5000,"hobbies":[{"name":"surfing","frequency":10},{"na

javascript - 图表.js : chart not displayed

我想使用Chart.js在网页中创建精美的图表。根据文档,我写了如下代码:Chart.jsdemovarpieData=[{value:20,color:"#878BB6"},{value:40,color:"#4ACAB4"},{value:10,color:"#FF8153"},{value:30,color:"#FFEA88"}];//Getthecontextofthecanvaselementwewanttoselectvarcountries=document.getElementById("countries").getContext("2d");newChart(cou

html - 如何将 d3.js 示例嵌入到 Jekyll 博客文章中?

我正在试验这个Jekyll主题http://richbray.me/frap/我想创建一篇博文来展示这个D3.js示例:http://bl.ocks.org/mbostock/4061502所以主要难点是如何让Markdown渲染脚本让d3.js显示它的内容。有什么想法吗? 最佳答案 有几种方法可以让它工作:嵌入在thed3example,有一个嵌入式iframe:您可以将其更改为然后,您只需将此iframe行粘贴到您的markdown文件中即可。确保前后各有一个空行。您还可以添加width="600"height="400"将属性

javascript - 使用 d3.js 添加下拉菜单

我正在尝试向我的d3可视化添加一个下拉菜单。问题是事件监听器不会在选择任何选项时被调用。另外,如何访问所选选项的值?以下是我的代码片段..d3.text("uniqueTeams.php",function(json){vardd=JSON.parse(json);varb=d3.select("#s4").select("#shru");varu=b.append("select");vart=u.selectAll("option").data(dd).enter().append("option").attr("value",function(d){returnd.teamSho

html - 为什么 Facebook 的 Open Graph 协议(protocol)需要一个 fb :admins or fb:app_id . 。这个属性的重要性是什么?

我正在尝试添加一些FacebookOpenGraphmetatags访问我的网站,以帮助Facebook分享我的网站内容。其中一个标签是这样的:fb:adminsorfb:app_idAcomma-separatedlistofeitherFacebookuserIDsoraFacebookPlatformapplicationIDthatadministersthispage.Itisvalidtoincludebothfb:adminsandfb:app_idonyourpage.问题:这个属性的重要性是什么?管理什么页面?为什么我们需要管理一些页面?

html - 在 Open Graph 标记中,没有位置 (href) 的 'og:locale:alternate' 有什么用?

Facebook的开放图谱协议(protocol)标记allowsfordefining当前网页的语言环境,以及它也可用的任何替代语言环境,使用如下标记:可以很容易地推断出当前页面的固定链接(从URL、CanonicalURL元标记或og:url)。但是包含og:locale:alternate而没有它们各自的URL有什么意义呢?它到底有什么用? 最佳答案 在官方Facebook开发者博客上标题为“InternationalizingOpenGraphApps”的文章中明确指出:TranslatingObjectsInorderto

javascript - Chart.js - 如何在悬停时禁用所有内容

如何设置代码使图表上没有悬停效果、悬停选项、(悬停)链接等?我正在使用chart.js。下面是我的代码,我在其中设置了饼图。HTML....和js...$(document).ready(function(){varconfig={type:'pie',data:{datasets:[{data:[60,20],backgroundColor:["#ddd","#58AC1C"],label:'Dataset1'}],labels:["Bla1","Bla2"+]},options:{responsive:true}};window.onload=function(){varctx=d

javascript - 在 Google Chart 中显示/隐藏线条/数据

我正在尝试制作一个包含2条线的谷歌折线图。您应该能够通过两个复选框打开和关闭它们(显示/隐藏)..谁有制作这个节目的想法,或者给点建议?我猜是一些onClickjQuery的东西?google.load("visualization","1",{packages:["corechart"]});google.setOnLoadCallback(drawChart);functiondrawChart(){vardata=google.visualization.arrayToDataTable([['Year','Sales','Expenses'],['2004',1000,400]

javascript - 获取 d3.scale 是未定义的 - 在 codepen 中有效

出于某种原因,我得到d3.scaleisundefined。D3已正确加载;我正在使用主要d3js.org网站上列出的那个here.我的JS文件处理D3代码:InitiateChart_1();functionInitiateChart_1(){vardata=[5,10,15,20,25];varheight=500,width=500;varxScale=d3.scale.linear().domain([0,60]).range([0,width]);varcanvas=d3.select("body").append("svg").attr("id","chart1").att

javascript - D3.js 如何在使用函数时应用多个类

我目前正在使用D3.js,遇到了一个我似乎无法解决的问题。我有一个CSV,它有一个名为“Set”的列和一个名为“Year”的列。我想从这些列中提取值并将它们用作类名。这就是我目前拥有的...varcircle=svg.selectAll("circle").data(data).enter().append("circle").attr("class",function(d){if(d["Set"]==1){return"set-1";}if(d["Set"]==2){return"set-2";}});这工作得很好并且给每个数据点一个类名。但是,当我尝试以下操作时,“Set”类名称被