Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/388.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用d3.js创建径向图_Javascript_D3.js_Charts_Data Visualization - Fatal编程技术网

Javascript 使用d3.js创建径向图

Javascript 使用d3.js创建径向图,javascript,d3.js,charts,data-visualization,Javascript,D3.js,Charts,Data Visualization,我想使用d3.js创建一个类似这样的图表(如图所示) 你知道我该从哪里开始吗。我有在d3.js中制作普通图表的经验 请为我提供以下指导。这就是我想到的,关于您当前的需求 您可能必须使用arc svg函数 d3.svg.arc() 我只是给你指了一个开始的方向,你必须一路努力创建剩下的部分。希望对您有所帮助。谢谢您的帮助,我已经浏览了您所指的网站,但我不确定它是否有帮助。他的链接非常适合您开始使用。你试过试一试吗?您所需要的只是不同大小的圆弧,这取决于数据的数量,因此,请根据对应的数据调整圆弧

我想使用d3.js创建一个类似这样的图表(如图所示) 你知道我该从哪里开始吗。我有在d3.js中制作普通图表的经验


请为我提供以下指导。

这就是我想到的,关于您当前的需求

您可能必须使用arc svg函数

d3.svg.arc()

我只是给你指了一个开始的方向,你必须一路努力创建剩下的部分。希望对您有所帮助。

谢谢您的帮助,我已经浏览了您所指的网站,但我不确定它是否有帮助。他的链接非常适合您开始使用。你试过试一试吗?您所需要的只是不同大小的圆弧,这取决于数据的数量,因此,请根据对应的数据调整圆弧的半径、颜色和大小。那就不难找到如何注释图表了