ExtJS（5）- Ext5的統計圖Chart

    今天系統整理下Ext5中的chart使用以及遇到的一些問題。

    首先是Ext5中chart的引用，在5以前的版本中chart的api會被集合在ext-all.js中，可是在5當中並非這樣，若是隻引入ext-all.js，咱們引用chart API時將沒法找到，咱們還須要引入如下js

<script type="text/javascript" src="ext-5.0.0/build/packages/ext-charts/build/ext-charts.js"></script>

    成功引入API之後，咱們來生成各類chart看看，5的調用API較之4也有挺大的改動，具體調用咱們能夠直接參考官方的示例

    接下來，咱們來講一下我遇到的問題，咱們先以Line Chart（Marked）爲例，首先咱們看一下官方的例子：

    這個圖咱們按官方示例代碼運行也能得出同樣的，可是當咱們點擊右邊的legend，咱們這邊的顯示便出現了異常：

    如下官方示例圖

    如下咱們的實驗圖

    咱們發如今咱們點擊"Firefox"和"Chrome"時本應該隱藏的紅線和藍線並無隱藏掉，且停留在了原位置，而綠線和黃線隨着y軸的調整向上移動，這樣停留的紅藍線與y軸就不對應。

    咱們再看看其餘的一些異常：

    這些柱狀和線狀都存在相似問題，在Ext4.2版本中都不存在這些問題，而5.0官方示例也不存在這些問題。可是官方示例所引用的API也並不是與咱們的一致，那麼問題極可能就出在咱們引入的ext-charts.js上，

或者說官方給出的這個ext-charts.js版本就有問題。

    對於這個問題，一來是積極研究官方示例中引入API的方式，二來是等待Ext5.0.1的推出，看看新版本中的API是否還存在該問題。