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

Question

我正在尝试创建一个在表格中显示一些快速信息的网页。我想将这些信息显示为饼图。可能吗？我打算使用HighCharts进行制图。由于这个项目正处于规划阶段，我需要在计划最终确定之前确定我提出的所有建议。

如果有可能请告诉我。

提前致谢 Pallavi

Answer 1

你可以使用HighCharts。他们有很好的网站，有很多简单的documents和例子

Answer 2

是的，有可能。使用表格并不限制您显示任何您想要的内容。此外，为此设置一个演示不应该超过一个小时，所以我建议你这样做:)这样你就可以确保事情可以完成。这不仅仅是针对这个项目的建议，而是一般的建议。

查看Highchart api以获取更多信息。

Answer 3

如果您将其用于非商业用途，则可以使用高级图表 - PieChart using Highcharts 否则你可以用d3.js来完成同样的事情 - PieChart using D3.js

var data = [{"label":"Category A", "value":20}, 
              {"label":"Category B", "value":50}, 
              {"label":"Category C", "value":30}];
            ...........................

注意：请参阅上面的小提琴链接中的其余代码。