草庐IT

d3_graph_chart

全部标签

javascript - 从 d3.json() 返回数组

这个问题在这里已经有了答案:HowdoIreturntheresponsefromanasynchronouscall?(45个答案)关闭2年前。作为一个JQUERY/d3-noob,我似乎无法弄清楚如何让它工作:supdog=d3.json(dataPath,function(jsondata){returnjsondata;})console.log(supdog);提前致谢。

javascript - 如何使用 Chart.js 向我的折线图添加点击事件

我正在尝试使用Chart.js将点击事件添加到我的折线图中.我已经启用了工具提示来显示折线图中的信息,但我还想添加一个单击方法,让我知道用户在x轴上单击的位置。现在我只想弹出一个警报,给我用户点击的x轴上的值。研究:我浏览了documentationofChart.js我遇到了这个方法:.getPointsAtEvent(event)CallinggetPointsAtEvent(event)onyourChartinstancepassinganargumentofanevent,orjQueryevent,willreturnthepointelementsthatareattha

javascript - Chart.js折线图设置背景色

我正在使用Chart.js并希望将折线图转换为PNG。问题是图像总是以透明背景下载,这不是我需要的。我尝试了很多选项,但没有任何效果。和建议? 最佳答案 这是一个完美的解决方案,在保存到图像文件(如png)时也是如此。我在chartjsissuetracker公然从@etimberg复制这个.Chart.plugins.register({beforeDraw:function(chartInstance){varctx=chartInstance.chart.ctx;ctx.fillStyle="white";ctx.fillRe

javascript - D3 IE8 兼容性?

有没有办法让D3兼容IE8?这里和文档中的许多帖子都建议使用aight。https://github.com/shawnbot/aight/blob/master/aight.js但是,我在我的html中添加了提到的行/文件,但这在ie8中仍然不起作用。http://matthewpiatetsky.com/jsdemo.html有人知道我是否需要采取任何其他步骤吗?或许使用r2d3?不确定该怎么做,但会尝试弄清楚 最佳答案 D3使用SVG来绘制图形,因为IE8不支持SVG,所以它不会工作。我想试试R2D3,它通过Raphael填充

javascript - D3.js 缩放和平移可折叠 TreeMap

我正在使用D3.js绘制一个可折叠的树状图,如example中所示.它运行良好,但当它进入其正常功能时,图表的大小可能会发生巨大变化(即,我将拥有更多很多节点,而不是我现在拥有的几个节点)。我想让SVG区域滚动,我已经尝试了我在网上找到的所有方法来让它工作,但没有成功。我得到的最好的工作是使用d3.behaviour.drag,我在其中拖动整个图表。它远未达到最佳状态并且有很多故障,但它还算可用。即便如此,我还是试着稍微清理一下,我意识到d3.behaviour.zoom也可以用来平移SVG区域,根据API文档。问题:谁能解释一下如何使其适应我的代码?我希望能够使用图表平移SVG区域,

javascript - 图表 : how to set custom scale in bar chart

Chartjs是一个非常出色的开源工具,但我对我尝试创建的条形图有一个快速的问题。鉴于此图表数据:varchartData={labels:labels,datasets:[{fillColor:"rgba(220,220,220,0.5)",strokeColor:"rgba(220,220,220,0.8)",highlightFill:"rgba(220,220,220,0.75)",highlightStroke:"rgba(220,220,220,1)",scaleOverride:true,scaleSteps:9,data:values}]}我曾希望图表将以10的最高值绘

javascript - d3力导向树上的曲线

d3的新手,正在尝试开发一个力导向树,我们可以将varios数据集插入其中。我已经设法启动并运行了基本想法,但想使链接弯曲,以便我可以处理多个链接。我看过http://bl.ocks.org/1153292我就是不明白。我得到的最近的结果是它在没有可见路径的情况下工作。这是我的直线代码,如果您有时间,我将不胜感激感谢://SetsupthesvgthatholdsthedatastructureandputsitinthedivcalledmapBoxvarsvg=d3.select("div#mapBox.theMap").append("svg").attr("width",map

javascript - 右键单击 d3.js 元素 : how to prevent browser context menu to appear

我绘制了一些d3.js元素,例如://drawrectanglesvg.selectAll(".rect").append("rect").attr("y",10).attr("x",10).attr("height",5).attr("width",5).on("contextmenu",function(d,i){//reactonright-clicking});它工作正常,但也会打开浏览器的上下文菜单。我该如何防止这种情况发生? 最佳答案 将d3.event.preventDefault();添加到您的函数中。//drawr

javascript - 在 D3 中绘制多边形数据的正确格式

我试过这些不同的方法,但似乎没有任何效果。这是我目前拥有的:varvis=d3.select("#chart").append("svg").attr("width",1000).attr("height",667),scaleX=d3.scale.linear().domain([-30,30]).range([0,600]),scaleY=d3.scale.linear().domain([0,50]).range([500,0]),poly=[{"x":0,"y":25},{"x":8.5,"y":23.4},{"x":13.0,"y":21.0},{"x":19.0,"y":1

javascript - 我们可用的 d3 符号列表

我在哪里可以找到d3.js提供给我们的符号列表,这是由这行代码引用的:d3.svg.symbol().type(/*Nameofthesymboltypethatisavailabletoustouse*/'triangle')一些可用的符号包括三Angular形、菱形。在记录整个列表的任何地方是否有可用的文档。 最佳答案 对于版本4,有七个形状,而版本3中有六个(在另一个答案中引用)。形状包含在数组d3.symbols中,其中包含:d3.symbolCircled3.symbolCrossd3.symbolDiamondd3.sy