一个基础的chart图

drawLine(){
    // 基于准备好的dom，初始化echarts实例
    let myChart = this.$echarts.init(document.getElementById('myChart'))
    // 绘制图表
    myChart.setOption({
        tooltip: {},
        xAxis: {
            data: ["低热（37.3~38）","中热（38.1~39）","高热（>39.1）"]
        },
        yAxis: {
            min: 0,
            max: 10,
            interval: 2, //间隔
            minInterval: 1, //设置成1保证坐标轴分割刻度显示成整数。
        },
        series: [{
            // name: '销量',
            type: 'bar',
            data: [4, 2, 1],
            barWidth:'50',//设置柱宽度
            itemStyle: {
                normal: {
                    // 随机显示
                    //color:function(d){return "#"+Math.floor(Math.random()*(256*256*256-1)).toString(16);}

                    // 定制显示（按顺序）每个柱子的颜色
                    color: function(params) {
                        var colorList = ['#EAA90E','#FC6E19','#E30D0D'];
                        return colorList[params.dataIndex]
                    }
                },
            },
        }]
    });
    window.addEventListener("resize", function () {
        myChart.resize();
    });

},

 

 

 

（1）chart自适应，一个或者多个图表的情况

   

 setTimeout(function (){
     window.onresize = function () {
         myChart.resize();
     }
 },200)

 window.addEventListener("resize", function () {
        myChart.resize();
    });