echarts3 中,圖表隨着窗口的變動而變動(讓圖表resize有效)

var myChart = echarts.init(document.getElementById('main'));

// 指定圖表的配置項和數據
var option = {
    title: {
        text: 'ECharts 入門示例'
    },
    tooltip: {},
    legend: {
        data:['銷量']
    },
    xAxis: {
        data: ["襯衫","羊毛衫","雪紡衫","褲子","高跟鞋","襪子"]
    },
    yAxis: {},
    series: [{
        name: '銷量',
        type: 'bar',
        data: [5, 20, 36, 10, 10, 20]
    }]
};


// 使用剛指定的配置項和數據顯示圖表。
myChart.setOption(option);


//根據窗口的大小變動圖表 --- 重點
window.onresize = function(){
    myChart.resize();
    //myChart1.resize();若有多個圖表變動,可多寫
}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章