建站
咨詢
售后
建站咨詢
新聞中心
本節(jié)將介紹 ECharts 平行坐標系系列的屬性以及這些屬性分別有什么作用。
創(chuàng)新互聯(lián)公司專注于夏縣網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供夏縣營銷型網(wǎng)站建設(shè)，夏縣網(wǎng)站制作、夏縣網(wǎng)頁設(shè)計、夏縣網(wǎng)站官網(wǎng)定制、微信平臺小程序開發(fā)服務(wù)，打造夏縣網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供夏縣網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
平行坐標系屬性
type在平行坐標系中 type 值為'parallel'。
coordinateSystem該系列使用的坐標系，可選值：
- 'parallel'：使用平行坐標系，通過 parallelIndex 指定相應(yīng)的平行坐標系組件。
parallelIndex使用的平行坐標系的 index，在單個圖表實例中存在多個平行坐標系的時候有用。
name系列名稱，用于 tooltip 的顯示，legend 的圖例篩選，在 setOption 更新數(shù)據(jù)和配置項時用于指定對應(yīng)的系列。
lineStyle設(shè)置平行坐標系線條的樣式。
inactiveOpacity框選時，未被選中的條線會設(shè)置成這個『透明度』（從而可以達到變暗的效果），默認取值 0.05。
activeOpacity框選時，選中的條線會設(shè)置成這個『透明度』（從而可以達到高亮的效果），默認取值為 1。
realtime是否實時刷新，默認為 true。
data[i]例如 series-parallel.data 中有如下數(shù)據(jù)：
[
[1, 55, 9, 56, 0.46, 18, 6, '良'],
[2, 25, 11, 21, 0.65, 34, 9, '優(yōu)'],
[3, 56, 7, 63, 0.3, 14, 5, '良'],
[4, 33, 7, 29, 0.33, 16, 6, '優(yōu)'],
{ // 數(shù)據(jù)項也可以是 Object，從而里面能含有對線條的特殊設(shè)置。
value: [5, 42, 24, 44, 0.76, 40, 16, '優(yōu)']
lineStyle: {...},
}
...
]數(shù)據(jù)中，每一行是一個『數(shù)據(jù)項』，每一列屬于一個『維度』。（例如上面數(shù)據(jù)每一列的含義分別是：『日期』,『AQI指數(shù)』, 『PM2.5』, 『PM10』, 『一氧化碳值』, 『二氧化氮值』, 『二氧化硫值』）。
zlevel平行坐標所有圖形的 zlevel 值，默認為 0。
zlevel 用于 Canvas 分層，不同 zlevel 值的圖形會放置在不同的 Canvas 中，Canvas 分層是一種常見的優(yōu)化手段。我們可以把一些圖形變化頻繁（例如有動畫）的組件設(shè)置成一個單獨的zlevel。需要注意的是過多的 Canvas 會引起內(nèi)存開銷的增大，在手機端上需要謹慎使用以防崩潰。
zlevel 大的 Canvas 會放在 zlevel 小的 Canvas 的上面。
z平行坐標組件的所有圖形的 z 值，默認為 2?？刂茍D形的前后順序。z 值小的圖形會被 z 值大的圖形覆蓋。
z 相比 zlevel 優(yōu)先級更低，而且不會創(chuàng)建新的 Canvas。
silent圖形是否不響應(yīng)和觸發(fā)鼠標事件，默認為 false，即響應(yīng)和觸發(fā)鼠標事件。
animation是否開啟動畫，默認為 true。
animationThreshold是否開啟動畫的閾值，當單個系列顯示的圖形數(shù)量大于這個閾值時會關(guān)閉動畫，默認閾值為 2000。
animationDuration初始動畫的時長，默認時長為 1000，支持回調(diào)函數(shù)，可以通過每個數(shù)據(jù)返回不同的 delay 時間實現(xiàn)更戲劇的初始動畫效果：
animationDuration: function (idx) {
// 越往后的數(shù)據(jù)延遲越大
return idx * 100;
}animationEasing初始動畫的緩動效果，默認為 linear。不同的緩動效果可以參考 緩動示例。
animationDelay初始動畫的延遲，支持回調(diào)函數(shù)，可以通過每個數(shù)據(jù)返回不同的 delay 時間實現(xiàn)更戲劇的初始動畫效果。
如下示例：
animationDelay: function (idx) {
// 越往后的數(shù)據(jù)延遲越大
return idx * 100;
}也可以看該示例
animationDurationUpdate數(shù)據(jù)更新動畫的時長，默認值為 300。
支持回調(diào)函數(shù)，可以通過每個數(shù)據(jù)返回不同的 delay 時間實現(xiàn)更戲劇的更新動畫效果：
animationDurationUpdate: function (idx) {
// 越往后的數(shù)據(jù)延遲越大
return idx * 100;
}animationEasingUpdate數(shù)據(jù)更新動畫的緩動效果，默認為 cubicOut。
animationDelayUpdate數(shù)據(jù)更新動畫的延遲，支持回調(diào)函數(shù)，可以通過每個數(shù)據(jù)返回不同的 delay 時間實現(xiàn)更戲劇的更新動畫效果。
如下示例：
animationDelayUpdate: function (idx) {
// 越往后的數(shù)據(jù)延遲越大
return idx * 100;
}也可以看該示例
網(wǎng)頁標題：創(chuàng)新互聯(lián)ECharts教程：ECharts平行坐標系屬性
文章位置：http://m.fisionsoft.com.cn/article/coppscg.html
