echarts 配置項 series 中的data 多維度
阿新 • • 發佈:2017-12-04
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 多維度