echarts的一些基本配置

echarts的渲染是从setOption中开始的，不是从echarts.init()开始

A、tooltip

tooltip: {

      trigger: 'axis', // axis 悬浮  item 点击

      // 自定义 弹出框内容

      formatter: (params: any) => {

                params：数据项

                样式 css需要 :deep

                let dom =  ` <div class="label-content">自定义内容 </div>`

                return dom

        }

}

B、legend

legend: {

      data: ['审计', '实名'], // 样例名称

      left: '0%', // 位置

      // 形状大小：圆形

      itemWidth: 12,

      itemHeight: 13,

    },

C、xAxis

type: 'category', // 类型  

// 坐标轴文字样式：

 axisLabel: {

        color: '#000',

        interval: 0, // 设置间隔为1，表示每隔一个显示一次  0  都显示

  },

// 坐标轴：

axisLine: {

        // 坐标轴颜色

        lineStyle: {

          color: '#e0e6f1',

        }

}

// 分割线：

splitLine: {

        type: 'dashed',

},

d、 yAxis

 yAxis: {

      type: 'value',

      max: 3, //最大值 不设置根据value自动

      min: 0, //最小值不设置根据value自动

      minInterval: 1, // 最小间隔单位 不设置根据value自动

      // 分割线：

      splitLine: {

        show: true,

        lineStyle: {

          type: 'dashed',

          color: '#C5C9D6',

        },

      },

}

E、series数据

数组，对应legend样例数据名称

[{

        name: '审计', // 对应 legend里的项

        type: 'line', //line类型

        step: 'start', //  end 位置

        data: [],// 具体数据

        //样式

        itemStyle: {

          color: 'rgb(35, 107, 251)',

        },

 },

{ name: '实名', // 对应 legend里的项},

]