echart 常用属性

echart 常用属性

基础属性

title 左上角标题
legend 每一项的列表
xAxis: x轴上的数据
yAxis: y轴上的数据

提示框

tooltip: {
        trigger: 'axis'
    },

demo地址：https://echarts.apache.org/v4/examples/zh/editor.html?c=line-stack

文字转动 斜着摆放

axisLabel.rotate: 30

滚动条

dataZoom

自定义工具箱

toolbox.feature.mySaveImg
这里自定义对象 mySaveImg 必须要以my开头
它里面有个 onclick: () => {}可以定义自己的点击事件
icon: '' 图标的svg代码
title: '' 显示的文字
show: true 是否显示

每一项的列表带分页

legend: {
  textStyle: {
    color: '#333'
  },
  // data: legend,
  type: 'scroll',  // <--- 这个类型是滚动 plain 就是不分页
  orient: 'vertical',
  right: '-5',
  top: 'middle',
  width: 130,
  formatter: function (name) {
    return name.split('@')[0]
  }
},