翻譯|使用教程|編輯:吳園園|2019-12-16 13:23:15.503|閱讀 268 次
概述:本系列教程將為您介紹如何快速掌握AnyChart,本文介紹了如何進行系列數據處理。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
AnyChart是基于JavaScript (HTML5) 的圖表控件。使用AnyChart控件,可創建跨瀏覽器和跨平臺的交互式圖表和儀表。AnyChart 圖表目前已被很多知名大公司所使用,可用于儀表盤、報表、數據分析、統計學、金融等領域。重要推薦:
AnyChart現已更新至最新版本8.7.0,九大數據可視化新功能上線,改進了功能并修復了一些bug。新版本,新功能,趕快下載體驗吧~(點擊查看更新詳情)
總覽
系列是一組數據,可以在圖表的圖形上看到。系列具有類型,可以隨時更改系列數據,當數據集中的數據發生更改或更新系列屬性時,您會立即看到更新的可視化效果。
注意:本文包含有關管理圖表系列的信息。
加法系列
在大多數情況下,您可以使用以系列類型命名的方法(例如column(),bar(),area()等)創建新系列,并將數據數組或數據集用作該方法的參數。創建多系列圖表的另一種方法是:addSeries()方法可以向圖表添加任意數量的系列。該方法的數據可以以不同的格式傳遞:它可以是數據對象的簡單數組,數據集或數據視圖。您可以傳遞任意數量的參數來創建任意數量的系列。但是在添加系列之前,您必須定義要添加的系列的類型。addSeries()添加的系列類型由defaultSeriesType()設置 方法。
// set chart typevar chart = anychart.cartesian(); // set default series type chart.defaultSeriesType("column"); // create series chart.addSeries(data1, data2, data3);
下面的示例中的所有系列都是使用addSeries()方法添加的。
識別系列
當您以這種方式添加多個系列時,可能需要獲取指向其中一些或全部的鏈接以進行進一步的調整。您可以使用系列ID或系列索引來執行此操作。
指數
每個系列都有一個索引,該索引可用于獲取到系列對象的鏈接。所述getSeriesAt()方法可用于獲得鏈接到一個系列,它使用系列索引作為參數。索引是由AnyChart Engine自動設置的序列的序列號,不能更改。
// get forth seriesvar series = chart.getSeriesAt(3); // set series inner color series.fill("red");
如果您嘗試傳遞的數字超過圖表上的序列數,則將返回null。這使得使用while循環調整圖表中的每個序列非常方便。這是完成的過程:
// 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()方法獲取圖表中的確切序列數,并使用for循環遍歷所有序列。請注意,索引始終是連續的,此循環可以隨時執行,并且您將始終經歷每個系列,就像使用while循環一樣。這是完成的過程:
var seriesIndexes = [];for (var i=0; i < chart.getSeriesCount();i++){ seriesIndexes.push(chart.getSeriesAt(i).index()); }
下面的示例演示上面顯示的代碼。每個系列都被重命名,并且啟用了圖例以顯示修改后的系列名稱。
ID
獲取到系列對象的鏈接的另一種方法是使用系列ID。ID()方法設置了一系列的唯一標識符。設置自定義ID時,可以使用以系列ID作為參數的getSeries()方法來獲取到系列對象的鏈接。
// 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");
拆卸系列
只要可以隨時調整或添加任何圖表,您還可以刪除任何系列。如果您知道應刪除的系列的ID,請調用removeSeries()方法并將系列ID用作此方法的參數。在這種情況下,當系列沒有ID時,可以使用removeSeriesAt()方法將其刪除。removeSeriesAt()方法使用系列索引作為參數,并刪除具有給定索引的系列。
// create chartvar chart = anychart.bar(); // create 3 series chart.addSeries(data0, data1, data2); // remove third series chart.removeSeriesAt(2);
除了逐個刪除系列以外,您還可以使用一種方法從圖表中刪除所有系列。調用removeAllSeries()方法從當前圖表中刪除所有系列。請注意,如果您使用數據集和數據映射-在管理系列和系列數據時原始數據不會丟失,則可以再次創建新的系列使用映射。
=====================================================
想要購買Anychart正版授權的朋友可以。
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自: