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/