首页 > 其他 > 详细

echarts的基本使用

时间:2021-06-12 15:32:59      阅读:21      评论:0      收藏:0      [点我收藏+]
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的基本使用

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!