echarts的基本使用

Posted 2021-06-12 coderwhytop

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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)

以上是关于echarts的基本使用的主要内容，如果未能解决你的问题，请参考以下文章

小程序里echarts画的饼图在安卓手机上效果不正常？