SVG或Canvas！哪个更适合图表？

Question

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

Answer 1

的D3库是目前数据可视化的标准。话虽如此，如果你正在使用一个框架，也许看看一个特定于框架的库？

例如，AngularJS有一个相应的NVD3库，它简化了安装过程。如果你愿意学习D3，你会发现提供的灵活性应该适合几乎所有的应用程序！

http://jsfiddle.net/enigmarm/3HL4a/13/

下面是一些排序功能的示例图。

注意与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

我有梦幻般的运气http://www.chartjs.org/它采用帆布

，除非你需要互动，然后使用http://www.highcharts.com/