Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/464.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 如何在html表格的单元格中显示可单击的饼图?_Javascript_Jquery_Html_Highcharts - Fatal编程技术网

Javascript 如何在html表格的单元格中显示可单击的饼图?

Javascript 如何在html表格的单元格中显示可单击的饼图?,javascript,jquery,html,highcharts,Javascript,Jquery,Html,Highcharts,我正在尝试创建一个网页,在表格中显示一些快速信息。我想将此信息显示为饼图。可能吗?我计划使用海图来绘制图表。由于该项目处于规划阶段,我需要在计划最终确定之前确定我提出的所有建议 如果可能的话,请告诉我 提前谢谢 帕拉维(Pallavi)Ye)用高图表示这是可能的。他们有一个很好的网站,有很多很好的简单例子,也有可能有高图。他们有一个很好的网站,上面有很多很好的简单示例是的,这是可能的。使用表格并不限制您显示任何您想要的内容。此外,建立一个演示应该不会花费你超过一个小时,所以我建议你这样做:这样你

我正在尝试创建一个网页,在表格中显示一些快速信息。我想将此信息显示为饼图。可能吗?我计划使用海图来绘制图表。由于该项目处于规划阶段,我需要在计划最终确定之前确定我提出的所有建议

如果可能的话,请告诉我

提前谢谢
帕拉维(Pallavi)

Ye)用高图表示这是可能的。他们有一个很好的网站,有很多很好的简单例子,也有可能有高图。他们有一个很好的网站,上面有很多很好的简单示例

是的,这是可能的。使用表格并不限制您显示任何您想要的内容。此外,建立一个演示应该不会花费你超过一个小时,所以我建议你这样做:这样你将确保事情可以完成。这不仅是对本项目的一条建议,也是对一般项目的一条建议


有关更多信息,请查看

是的,这是可能的。使用表格并不限制您显示任何您想要的内容。此外,建立一个演示应该不会花费你超过一个小时,所以我建议你这样做:这样你将确保事情可以完成。这不仅是对本项目的一条建议,也是对一般项目的一条建议


有关更多信息,请查看

如果您将其用于非商业目的,则可以使用高位图表- 否则,您可以使用d3.js来完成相同的任务-


注意:请参阅上面fiddle链接中的其余代码。

如果您将其用于非商业目的,则可以使用高位图表- 否则,您可以使用d3.js来完成相同的任务-


注意:请参阅上面fiddle链接中的其余代码。

HighCharts,在我看来,是最好的JS可视化软件包。社区的大力支持和大量文档!看看D3图表和HighCharts,在我看来,这是最好的JS可视化软件包。社区的大力支持和大量文档!看看D3图表我会查出来的我会查出来的我会看一下文档我会看一下文档这是出于非商业目的这就是为什么我选择Highcharts的原因。但是d3.js是否比highcharts提供了更大的灵活性?是的,d3.js提供了更大的灵活性,如果您必须执行更复杂的数据操作,那么最好继续,另一方面,如果您想要简单的图表,那么就选择highcharts.Ok。我将查看d3.js它是用于非商业目的的,这就是我选择Highcharts的原因。但是d3.js是否比highcharts提供了更大的灵活性?是的,d3.js提供了更大的灵活性,如果您必须执行更复杂的数据操作,那么最好继续,另一方面,如果您想要简单的图表,那么就选择highcharts.Ok。我们将查看d3.js
var data = [{"label":"Category A", "value":20}, 
              {"label":"Category B", "value":50}, 
              {"label":"Category C", "value":30}];
            ...........................