Question

我将在我的网站上绘制一些重型数据中心图表。我可以选择SVG或Canvas。哪一个会是更好的选择？关于我应该评估和使用哪种框架的任何建议？

Answer 1

D3库目前是数据可视化的标准。话虽这么说，如果您使用的是框架，或许可以查看特定于框架的库？

例如，AngularJS具有相应的NVD3库，可简化设置过程。如果您愿意学习D3，您会发现所提供的灵活性几乎适合所有应用程序！

这是一个带有一些排序功能的示例图表。

请注意，使用d3，您可以轻松管理数据：

var dataset = [ 
    { key: 0, value: 5 },
    { key: 1, value: 10 },
    { key: 2, value: 13 },
    { key: 3, value: 19 },
    { key: 4, value: 21 },
    { key: 5, value: 25 },
    { key: 6, value: 22 },
    { key: 7, value: 18 },
    { key: 8, value: 15 },
    { key: 9, value: 13 },
    { key: 10, value: 11 },
    { key: 11, value: 12 },
    { key: 12, value: 15 },
    { key: 13, value: 20 },
    { key: 14, value: 18 },
    { key: 15, value: 17 },
    { key: 16, value: 16 },
    { key: 17, value: 18 },
    { key: 18, value: 23 },
    { key: 19, value: 25 } ];

可以从脚本或DB轻松生成一组简单的字符串：值对。

Answer 2

我使用Canvas

获得了http://www.chartjs.org/的好运

除非您需要互动，否则请使用http://www.highcharts.com/

SVG或画布！哪个更适合图表？

2 个答案: