在最近的一個項目中用到echarts這個插件，其中關於noDataLoadingOption配置項的問題讓我困惑了好長時間。經過蛋疼的查找下，終於搞明白是版本的原因。
且看官網的介紹：ECharts，一個純 Javascript 的圖表庫，可以流暢的運行在 PC 和移動設備上，兼容當前絕大部分瀏覽器（IE8/9/10/11，Chrome，Firefox，Safari等），底層依賴輕量級的 Canvas 類庫 ZRender，提供直觀，生動，可交互，可高度個性化定制的數據可視化圖表。詳情請查看官網：http://echarts.baidu.com/
像大多數插件一樣，echarts有詳細的官方文檔，大家如有用到的，可以看文檔，一般沒有啥子問題。
我所做的項目中一共用到七種圖表類型，期間也有各種小困惑，但是，還好，經過各方努力，最終解決。最后，領導說要在圖表加載出現之前，用冒泡來代替空白區域，那樣會顯得舒服好看些。領導發話，所以我立即查看文檔加百度，然后試了下，果真可以在圖標加載出現前可以用echarts自帶冒泡來代替空白區域，如下圖所示：
上圖是再頁面初始化的時候，即顯示此loding動畫效果。代碼如下：
需要注意的是，在初始化的時候，noDataLoadingOption配置需要series中data需為空。代碼中可以看到，在option中我只保留了series，其他配置選項我沒有寫，這個大家可以根據自己的需要來寫。
然后，在點擊事件中，去掉noDataLoadingOption配置項，把series中data數據填上，當然其他配置項也要寫上，在結果中，冒泡就會消失，圖表就會出現。
讓我郁悶的是這個noDataLoadingOption只在echarts的2.0版本中才有，在3.0版本中的配置項手冊里沒有看到。