echarts 图标

 

import * as echarts from 'echarts';

var chartDom = document.getElementById('main');       //  获取dom元素
var myChart = echarts.init(chartDom);         //  初始化实例
var option;

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [150, 230, 224, 218, 135, 147, 260],
        type: 'line'
    }]
};

option && myChart.setOption(option);

1： title: 标题：  

  title: {
    left: "center",
    text: "问题板件",
  },

  echarts： 图标标题：

2：   副标题内容

legend: { right: 60, data: data.legendData },

副标题内容

3：  echarts  坐标值位置：

  grid: {
    left: "3%",
    right: "4%",
    bottom: "3%",
    containLabel: true,
  },

4：  x 轴数据， y 轴数据：

yAxis: [{ name: "值", type: "value" }],
xAxis: [{ name: "板件", type: "category", data: data.xCategory }],

5：  echarts： 图标

series: data.seriesData,