AnyChart是基于JavaScript (HTML5) 的圖表控件。使用AnyChart控件，可創建跨瀏覽器和跨平臺的交互式圖表和儀表。AnyChart 圖表目前已被很多知名大公司所使用，可用于儀表盤、報表、數據分析、統計學、金融等領域。重要推薦：

AnyChart現已更新至最新版本8.7.0，九大數據可視化新功能上線，改進了功能并修復了一些bug。新版本，新功能，趕快下載體驗吧~（點擊查看更新詳情）

點擊下載AnyChart最新試用版

支持的數據格式

每種方式都有其優點和缺點。我們建議使用JavaScript API-此選項通常是最靈活的，并且在AnyChart JavaScript圖表文檔和AnyChart JavaScript Charts API中將看到的大多數示例都使用此格式。

JAVASCRIPT API

當需要動態創建，讀取，更新和刪除數據點時，JavaScript API可以為您提供最佳幫助。

我們建議您在使用JavaScipt中的數據時使用數據集，但也可以將數據直接傳遞到圖表：

// create a pie chartvar chart = anychart.pie([
    ['Product A', 1222],
    ['Product B', 2431],
    ['Product C', 3624],
    ['Product D', 5243],
    ['Product E', 8813]]);
// set container id for the chart
chart.container('container');
// initiate chart drawing
chart.draw();

XML格式

如果您希望圖表配置使用聲明式樣式，則可以選擇XML格式。
另外，AnyChart的所有早期版本都是基于XML的，因此這種設置數據的方式可能是您已經習慣的方式。XML格式的完美性能要差一些，并且在定制方面不如JS API靈活。

// create an XML stringvar xmlString = '<xml>' +
                '<chart type="pie" >' +
                  '<data>' +
                    '<point name="Product A" value="1222"/>' +
                    '<point name="Product B" value="2431"/>' +
                    '<point name="Product C" value="3624"/>' +
                    '<point name="Product D" value="5243"/>' +
                    '<point name="Product E" value="8813"/>' +
                  '</data>' +
                '</chart>' +
              '</xml>';
              // create a chart from xml config              var chart = anychart.fromXml(xmlString);
// set container id for the chart
chart.container('container');
// initiate chart drawing
chart.draw();

JSON格式

JSON基本上具有與XML格式相同的目的和缺點。JSON的性能不如JS API，并且靈活性也較差。

// create json datavar json = {
    "chart": {
        "type": "pie",
        "data": [
            ["Product A", 1222],
            ["Product B", 2431],
            ["Product C", 3624],
            ["Product D", 5243],
            ["Product E", 8813]
        ]
    }};
// create chart from json config              var chart = anychart.fromJson(json);
// display a chart
chart.container('container').draw();

CSV

當您需要最小化數據輸入的大小時，CSV顯然是最好的解決方案。它與其他任何格式一樣易于使用，但是CSV也缺乏JS API的靈活性。

// create CSV stringvar csvString = '2009-02-05,6764.81\n' +
      '2009-02-07,7056.48\n' +
      '2009-02-18,7180.97\n' +
      '2009-02-26,7269.06\n' +
      '2009-02-25,7349.58\n' +
      '2009-02-24,7115.34\n' +
      '2009-02-23,7365.99\n' +
      '2009-02-20,7461.49\n' +
      '2009-02-19,7555.23';
      // create an area chart      var chart = anychart.area();
// create the area series based on CSV data
chart.area(csvString);
// display a chart
chart.container('container').draw();

=====================================================

想要購買Anychart正版授權的朋友可以。

更多精彩內容，歡迎關注下方的微信公眾號，及時獲取產品最新資訊▼▼▼