vue项目中,使用echarts完成 折线+多柱状图 (附完整代码)

结果展示:

vue项目中,使用echarts完成 折线+多柱状图 (附完整代码)_第1张图片

分析:

(1)在echarts里面的 series里面写三种柱状+一种折线图

(2)该图谱也实现了自适应大小,缩小放大浏览器界面,柱状折线图也会随着变化,核心代码如下:

setTimeout(function (){   // 随着页面自适应
    window.onresize = function () {
      _this.eChart.resize();
    }
},200)

代码展示:(附完整代码)



-----完。

你可能感兴趣的:(前端,echarts,echarts,vue.js)