echarts 加入下拉列表_echarts異步數據加載(在下拉框選擇事件中異步更新數據)

接觸echarts 大半年了,從不會到熟練也做過不少的圖表，隔了一段時間沒使用這玩意，好多東西真心容易忘了。在接觸echarts這期間也沒有總結什么東西，今天我就來總結一下如何在echart中異步加載數據，在實際的工作的中對數據的刷選非常常見，比如在下拉框中選擇，時間選擇等的一些事件中異步加載數據。一個很常見的篩選如圖：

下面我就直接用代碼來實現怎樣在事件刷選中異步刷新數據

//路徑配置

require.config({

paths: {

echarts: "/Scripts/echarts-2.2.7/build/dist"

}

});

var MYCHART; //聲明一個大寫的全局變量，能不用全局的盡量就不要用全局變量

//使用

require(['echarts',

'echarts/chart/bar'], //按需加載

function (ec)

{

//實例dom

MYCHART = ec.init(document.getElementById("main"));

var option = {

tooltip: {

show: true

},

legen