echarts的基本使用

const myEchart = echarts.init(document.getElementById('main'))

const options = {
  xAxis: {
    data: ['小明', '夏红', '君子', '闰土', '明', '红', '子', '土'],
    type: 'category'
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [40, 90, 70, 23, 90, 50, 70, 13],
      type: 'bar',
      markPoint: {
        data: [
          { type: 'max', name: '最大值' },
          { type: 'min', name: '最小值' }
        ]
      },
      markLine: {
        data: [
          {
            name: '平均线',
            // 支持 'average', 'min', 'max'
            type: 'average'
          }
        ]
      }
    }
  ]
}

myEchart.setOption(options)

  

posted @ 2021-06-12 14:54  yuan_bao_er  阅读(95)  评论(0编辑  收藏  举报