echarts 配置項 series 中的data 多維度


//系列中的數據內容數組。數組項通常為具體的數據項。
//通常來說,數據用一個二維數組表示。如下,每一列被稱為一個『維度』。
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  ]
      ]
  }]

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM