草庐IT

d3-tooltips

全部标签

javascript - d3.js 重写 version4 中的缩放示例

DragandDropExample我正在尝试重写上面这个例子的一部分以在我的代码中使用,特别是这一段:functioncenterNode(source){scale=zoomListener.scale();x=-source.y0;y=-source.x0;x=x*scale+viewerWidth/2;y=y*scale+viewerHeight/2;d3.select('g').transition().duration(duration).attr("transform","translate("+x+","+y+")scale("+scale+")");zoomListe

javascript - 未捕获的 TypeError : xScale. rangeBand 不是 d3.js 中的函数

尝试按照Vegibit'stutorial生成条形图在myfiddle.d3.min.js引用作品不错。然而,当我尝试执行downloadedlocalcopy时通过使用:路径是autogenerated通过VisualStudio的ASP.NET项目工具d3BarChart({element:'#bar-chart',dataSource:[10,20,220,240,270,300,330,370,410,30,40,50,60,70,80,90,100,110,120,135,150,165,180,200],});functiond3BarChart(chartConfig){

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

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

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 - 谷歌图表 : One Tooltip for Entire Column

我有一个使用GoogleCharts的基本面积图.我可以为图表上的每个点设置工具提示,但有没有办法为一列中的所有点设置一个工具提示。这是所需行为的屏幕截图:您可以看到,当光标位于图表上的一个点上时,会绘制一条垂直线,并显示一个工具提示来描述该列中的所有数据(两条线的数据)。查看liveexample如果需要,请点击此处。这可以通过GoogleCharts实现吗? 最佳答案 您需要做的就是将以下内容添加到您的选项中(在折线图的情况下):focusTarget:'category'这是一个例子(只需打开GooglePlayground并

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