better2021 / Blog

个人博客
https://feiyuweb.me/Blog
1 stars 0 forks source link

echarts3 在一个canvas中同时绘制折线图和柱状图 series 是一个数组,可以同时包含各种图型的数据。 #47

Open better2021 opened 3 years ago

better2021 commented 3 years ago

getOption () {
      let xData = ['2019-01', '2019-08', '2020-04', '2020-07']
      let yLineData = [820, 932, 901, 934];
      let yBarData = [920, 900, 900, 734];
      let option = {
        xAxis: {
            type: 'category',
            data: xData
        },
        yAxis: {
            type: 'value'
        },
        series: [
          {
            data: yLineData,
            type: 'line',  // 折线图
            smooth: true
          },
          {
            data: yBarData,
            type: 'bar',  // 柱状图
            smooth: true
          }
        ]
      };
      return option;
}