1. 程式人生 > >echarts 配置項 series 中的data 多維度

echarts 配置項 series 中的data 多維度

type 默認 系列 類型 配置 類目 span for tip

//系列中的數據內容數組。數組項通常為具體的數據項。
//通常來說,數據用一個二維數組表示。如下,每一列被稱為一個『維度』。
series: [{
    data: [
        // 維度X   維度Y   其他維度 ...
        [  3.4,    4.5,   15,   43],
        [  4.2,    2.3,   20,   91],
        [  10.8,   9.5,   30,   18],
        [  7.2,    8.8,   18,   57]
    ]
}]

//在 直角坐標系 (grid) 中『維度X』和『維度Y』會默認對應於 xAxis 和 yAxis。
在 極坐標系 (polar) 中『維度X』和『維度Y』會默認對應於 radiusAxis 和 angleAxis。
//後面的其他維度是可選的,可以在別處被使用,例如:
//在 visualMap 中可以將一個或多個維度映射到顏色,大小等多個圖形屬性上。
//在 series.symbolSize 中可以使用回調函數,基於某個維度得到 symbolSize 值。
//使用 tooltip.formatter 或 series.label.normal.formatter 可以把其他維度的值展示出來。
//特別地,當只有一個軸為類目軸(axis.type 為 ‘category‘)的時候,數據可以簡化用一個一維數組表示。例如:
xAxis: { data: [a, b, m, n] }, series: [{ // 與 xAxis.data 一一對應。 data: [23, 44, 55, 19] // 它其實是下面這種形式的簡化: // data: [[0, 23], [1, 44], [2, 55], [3, 19]] }]

特別地,當只有一個軸為類目軸(axis.type 為 ‘category‘)的時候,數據可以簡化用一個一維數組表示。

『值』與 軸類型 的關系:
//當某維度對應於數值軸(axis.type 為 ‘value‘ 或者 ‘log‘)的時候:
//其值可以為 number(例如 12)。(也可以兼容 string 形式的 //number,例如 ‘12‘) //當某維度對應於類目軸(axis.type 為 ‘category‘)的時候: //其值須為類目的『序數』(從 0 開始)或者類目的『字符串值』。例如: xAxis: { type: category, data: [星期一, 星期二, 星期三, 星期四] }, yAxis: { type: category, data: [a, b, m, n, p, q] }, series: [{ data: [ // xAxis yAxis [ 0, 0, 2 ], // 意思是此點位於 xAxis: ‘星期一‘, yAxis: ‘a‘。 [ 星期四, 2, 1 ], // 意思是此點位於 xAxis: ‘星期四‘, yAxis: ‘m‘。 [ 2, p, 2 ], // 意思是此點位於 xAxis: ‘星期三‘, yAxis: ‘p‘。 [ 3, 3, 5 ] ] }]

echarts 配置項 series 中的data 多維度