码迷,mamicode.com
首页 > 其他好文 > 详细

echarts的基本使用

时间:2021-06-13 10:16:48      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:pre   最小   最小值   element   ons   main   max   const   data   

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)

  

echarts的基本使用

标签:pre   最小   最小值   element   ons   main   max   const   data   

原文地址:https://www.cnblogs.com/coderwhytop/p/14878274.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!