草庐IT

d3_graph_chart

全部标签

javascript - D3.js - 选择如何工作 - 需要对 Mike 的文章进行澄清

在http://bost.ocks.org/mike/selection/,Mike谈到在选择上应用函数。Whenyouuseafunctiontodefineaselection.attrorselection.style,thefunctioniscalledforeachelement;themaindifferencewithgroupingisthatthesecondargumenttoyourfunction(i)isthewithin-groupindexratherthanthewithin-selectionindex.这可能很简单,但出于某种原因,我不能完全理解这

javascript - 在 d3 js 中仅在 x 轴上表示年份的比例是多少

我一直在D3Js中开发年(x轴)与收入(y轴)的面积图。数据如下:localData=[{"Revenue":"4.5","Year":"2011"},{"Revenue":"5.5","Year":"2010"},{"Revenue":"7.0","Year":"2012"},{"Revenue":"6.5","Year":"2013"}]我想要面积图的x轴为年份,y轴为收入。目前我正在为x轴使用时间刻度,但我不知道如何使用它,因为我没有日期格式,我只有年份来表示。我当前的代码是:varmargin={top:20,right:20,bottom:30,left:50},width=

javascript - Google Charts 在第一个图表后停止绘制

我想做什么在一页上显示多个条形图我已经做了什么条形图以前是线形图。作为折线图,我可以毫无问题地在同一页上显示两个图表。我为它们使用了两个单独的drawChart()函数。然后我将图表转换为条形图(Material设计)。现在它只显示一张图表。我已经搜索了答案并找到了这个:HowtoaddtwoGooglechartsontheonepage?我按照这个,但它仍然不起作用。我的代码google.load("visualization","1.1",{packages:["Bar"]});google.setOnLoadCallback(drawChart);functiondrawCha

javascript - d3-tip 不适用于 webpack

我使用webpack和TypeScript,d3-tip似乎无法与webpack一起使用。我在鼠标悬停事件上出错“未捕获的TypeError:无法读取null的属性‘target’”。出现这个错误是因为d3-tip模块中的d3.event为null。我包含如下模块:constd3:any=require("d3");d3.tip=require("d3-tip");但我猜d3那里的d3和d3-tip模块中的d3是不同的,这是问题的根源,但我不知道如何解决它。在d3-tip模块中我们有:(function(root,factory){if(typeofdefine==='function

javascript - d3 关于如何对值求和

我有以下数据:[{id:0,Department:"Civil",Value:"40000",Title:"Sustainability",ComID:"45",organisation:{City:"NewYork",ComID:45,Country:"USA"}},{id:1,Department:"Energy",Value:"82000",Title:"WindEnergy",ComID:"62",organisation:{City:"Paris",ComID:62,Country:"France"}},{id:2,Department:"Medical",Value:"67

javascript - Chart.js - 定位 donut 标签

我有一个使用Chart.js的网页。在此页面中,我正在渲染三个圆环图。在每个图表的中间,我想显示填充的donut的百分比。目前,我有以下代码,可以在这个Fiddle中看到.functionsetupChart(chartId,progress){varcanvas=document.getElementById(chartId);varcontext=canvas.getContext('2d');varremaining=100-progress;vardata={labels:['Progress','',],datasets:[{data:[progress,remaining]

javascript - Chart.js - 绘制带有多个标签的条形图

我正在尝试使用使用多个标签的chart.js绘制条形图,以便我可以操作它们。我已经设法用折线图来完成它,并尝试扩展我在那里所做的但没有运气。我收到此错误。是什么原因造成的?"UncaughtTypeError:Object.definePropertycalledonnon-object".问题出在数据的某处:{}因为当我将数据作为一个简单的2索引数组时它工作正常。编辑:单步执行dataset=null时;varcom_passed=rows[rows.length-2]["#CommonPassed"];varcom_failed=rows[rows.length-2]["#Comm

javascript - D3 网格中的力模拟

我想知道如何修改MikeBostock'sexampleofamulti-forcelayout为了尝试获得力布局以对网格中的节点进行分组。让我们想象一下我们有以下csv:Name,Category1,Category21,1,12,1,23,1,14,2,25,3,16,1,47,5,58,1,59,2,410,3,311,4,412,4,513,3,414,1,215,1,116,2,217,3,118,2,119,4,520,3,1对于他的数据类型,我希望将类别1的所有可能值作为列,将类别2的所有可能值作为行,并希望我的节点根据它们的值自动分组到“适当的”单元格中对于类别1和类别

javascript - Rails 3.1 Ajax 部分中的 Google Charts

我一直在使用Google图表,没有遇到任何问题,但现在我需要在Ajax呈现的部分中显示图表。显然什么都没有显示。我知道这与构建未激活图表的Java触发器有关,但我需要一些帮助来确定我需要做什么...目前我有这样的东西(非Ajax):google.load("visualization","1",{packages:["corechart"]});google.setOnLoadCallback(drawChart);functiondrawChart(){vardata=newgoogle.visualization.DataTable();data.addColumn('string

javascript - 对于 d3 力导向图,节点、组和值在 JSON 中意味着什么?

我正在尝试创建一个d3力导向图(http://mbostock.github.com/d3/ex/force.html)。这是包含我的数据的简单JSON文件。{"nodes":[{"name":"Node1","group":1},{"name":"Node2","group":1}],"links":[{"source":1,"target":2,"value":2}]}我在同一组中有两个节点。我也在尝试在两个节点之间创建链接。但是,我的页面仍然是空白的(而且我确信除了JSON之外的其他部分都是正确的)。什么是“组”?为什么边同时具有“源”和“目标”——这些值是什么?为什么链接有“值