AnyChart是基于JavaScript (HTML5) 的圖表控件。使用AnyChart控件，可創(chuàng)建跨瀏覽器和跨平臺(tái)的交互式圖表和儀表。AnyChart 圖表目前已被很多知名大公司所使用，可用于儀表盤、報(bào)表、數(shù)據(jù)分析、統(tǒng)計(jì)學(xué)、金融等領(lǐng)域。重要推薦：

AnyChart現(xiàn)已更新至最新版本8.7.0，九大數(shù)據(jù)可視化新功能上線，改進(jìn)了功能并修復(fù)了一些bug。新版本，新功能，趕快下載體驗(yàn)吧~（點(diǎn)擊查看更新詳情）

點(diǎn)擊下載AnyChart最新試用版

總覽

系列是一組數(shù)據(jù)，可以在圖表的圖形上看到。系列具有類型，可以隨時(shí)更改系列數(shù)據(jù)，當(dāng)數(shù)據(jù)集中的數(shù)據(jù)發(fā)生更改或更新系列屬性時(shí)，您會(huì)立即看到更新的可視化效果。

注意：本文包含有關(guān)管理圖表系列的信息。

加法系列

在大多數(shù)情況下，您可以使用以系列類型命名的方法（例如column（），bar（），area（）等）創(chuàng)建新系列，并將數(shù)據(jù)數(shù)組或數(shù)據(jù)集用作該方法的參數(shù)。創(chuàng)建多系列圖表的另一種方法是：addSeries（）方法可以向圖表添加任意數(shù)量的系列。該方法的數(shù)據(jù)可以以不同的格式傳遞：它可以是數(shù)據(jù)對(duì)象的簡(jiǎn)單數(shù)組，數(shù)據(jù)集或數(shù)據(jù)視圖。您可以傳遞任意數(shù)量的參數(shù)來(lái)創(chuàng)建任意數(shù)量的系列。但是在添加系列之前，您必須定義要添加的系列的類型。addSeries（）添加的系列類型由defaultSeriesType（）設(shè)置 方法。

// set chart typevar chart = anychart.cartesian();
// set default series type
chart.defaultSeriesType("column");
// create series
chart.addSeries(data1, data2, data3);

下面的示例中的所有系列都是使用addSeries（）方法添加的。

識(shí)別系列

當(dāng)您以這種方式添加多個(gè)系列時(shí)，可能需要獲取指向其中一些或全部的鏈接以進(jìn)行進(jìn)一步的調(diào)整。您可以使用系列ID或系列索引來(lái)執(zhí)行此操作。

指數(shù)

每個(gè)系列都有一個(gè)索引，該索引可用于獲取到系列對(duì)象的鏈接。所述getSeriesAt（）方法可用于獲得鏈接到一個(gè)系列，它使用系列索引作為參數(shù)。索引是由AnyChart Engine自動(dòng)設(shè)置的序列的序列號(hào)，不能更改。

// get forth seriesvar series = chart.getSeriesAt(3);
// set series inner color
series.fill("red");

如果您嘗試傳遞的數(shù)字超過圖表上的序列數(shù)，則將返回null。這使得使用while循環(huán)調(diào)整圖表中的每個(gè)序列非常方便。這是完成的過程：

// create chartvar chart = anychart.column();
// define default series type
chart.defaultSeriesType("column");
// set data for multiple series
chart.addSeries(data1, data2, data3);
var i=0;// create a loopwhile (chart.getSeriesAt(i)){
  // rename each series
  chart.getSeriesAt(i).name("Series #" + (i+1));
  i++;}

另外，您可以使用getSeriesCount（）方法獲取圖表中的確切序列數(shù)，并使用for循環(huán)遍歷所有序列。請(qǐng)注意，索引始終是連續(xù)的，此循環(huán)可以隨時(shí)執(zhí)行，并且您將始終經(jīng)歷每個(gè)系列，就像使用while循環(huán)一樣。這是完成的過程：

var seriesIndexes = [];for (var i=0; i < chart.getSeriesCount();i++){
seriesIndexes.push(chart.getSeriesAt(i).index());
}

下面的示例演示上面顯示的代碼。每個(gè)系列都被重命名，并且啟用了圖例以顯示修改后的系列名稱。

ID

獲取到系列對(duì)象的鏈接的另一種方法是使用系列ID。ID（）方法設(shè)置了一系列的唯一標(biāo)識(shí)符。設(shè)置自定義ID時(shí)，可以使用以系列ID作為參數(shù)的getSeries（）方法來(lái)獲取到系列對(duì)象的鏈接。

// create chartvar chart = anychart.column();
// create variable for seriesvar series;// create first series
series = chart.column(data1);// set id for the first series
series.id("First Series");// create second series
series = chart.column(data2);// set id for second series
series.id("Second Series");
// get first series
series = chart.getSeries("First Series");// rename first series
series.name("First Series");

拆卸系列

只要可以隨時(shí)調(diào)整或添加任何圖表，您還可以刪除任何系列。如果您知道應(yīng)刪除的系列的ID，請(qǐng)調(diào)用removeSeries（）方法并將系列ID用作此方法的參數(shù)。在這種情況下，當(dāng)系列沒有ID時(shí)，可以使用removeSeriesAt（）方法將其刪除。removeSeriesAt（）方法使用系列索引作為參數(shù)，并刪除具有給定索引的系列。

// create chartvar chart = anychart.bar();
// create 3 series
chart.addSeries(data0, data1, data2);
// remove third series
chart.removeSeriesAt(2);

除了逐個(gè)刪除系列以外，您還可以使用一種方法從圖表中刪除所有系列。調(diào)用removeAllSeries（）方法從當(dāng)前圖表中刪除所有系列。請(qǐng)注意，如果您使用數(shù)據(jù)集和數(shù)據(jù)映射-在管理系列和系列數(shù)據(jù)時(shí)原始數(shù)據(jù)不會(huì)丟失，則可以再次創(chuàng)建新的系列使用映射。

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

想要購(gòu)買Anychart正版授權(quán)的朋友可以。