ECharts笔记

ECharts笔记

配置项

这里面所有配置项的值都是一个对象

• xAxis、yAxis

  其实没有主轴之分

  • data

    类目轴数据，这个数据要跟类目轴放到一起

  • type

    category 类目轴，就是说我有哪些分类

    value 数据轴

• series

  可翻译为“系列”，决定当前数据最终映射出的图形，并且真正的数据放在这个里面

  series:[
      {
          color: 'xxx',  //轴的颜色
          // 单独设置每个轴的颜色
          itemStyle: {
            normal: {
                color(params){
                    let colorList = ['red',xxxxxx]
                    return colorList[params.dataIndex]
                }
            }  
          },
          // 标记最大值和最小值
          markPoint:{
              data:[
                  {
                      type: 'max',
                      name: '最大值'
                  },
                  {
                      type: 'min',
                      name: '最小值'
                  }
              ]
          },
          // 平均值 一般用图表的标线
          markLine:{
              data:[
                  {
                      type: 'average',
                      name: '平均值'
                  }
              ]
          }
      }
  ]
  

• tooltip

  悬停的时候有信息提示

  • trigger

    触发类型：item 是图形触发（默认值，只有进入了图形的范围才触发）；axis 是坐标轴触发（只要进入了这个图，就会触发，触发范围要更广）。

  • axisPointer

    坐标轴指示器，默认是 line，可以重新设置为 shadow、cross

  • showContent

    小提示框，默认是 true

  • formatter(params){}

    自定义提示框信息，这个参数：[{}]，包含了你需要的所有东西。

    你鼠标移动一下，就会触发这个回调，跟那个实时监测你鼠标的坐标是一样的

    return xxx; 返回值就是提示框里面的内容

• legend

  英文翻译过来是 标记、标志 的意思，就那个上方的小图标

  • show

    默认值为true，开启这个功能

  • icon

    默认长方形，设置 circle 是小圆点

  • data

    值为数组，这里面的数据要与 series 里面的 name 值一一对应