zoukankan      html  css  js  c++  java
  • 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  ]
          ]
      }]
  • 相关阅读:
    计算机图形学
    2017.3.20
    史上最强型人养成秘籍: 90 天肥仔变型男实录
    Word 2013发布博客测试
    eeeeeeeeeee
    测试,使用word2013发布博客园博客
    Win7系统桌面便签怎么添加?
    开启两步验证的教程
    【Todo】 cygwin下emacs中M-x shell 中出现乱码
    emacs的LoadPath
  • 原文地址:https://www.cnblogs.com/vali/p/7978165.html
Copyright © 2011-2022 走看看