將百度的ECharts整合到阿里的Weex中。

    因爲公司的業務，以前PC版產品中，大量的使用了百度的ECharts庫。因此如今要作移動端，在大概熟悉了Weex基本語法和搭建環境後，就着手研究如何將這兩個好東西糅合起來。

    首先，按照Weex官方教程，搭建好基本開發環境後，要再次使用npm安裝ECharts的依賴，這裏告訴你們一個小技巧，可能有些朋友早已知道，可是我也相信有不少人跟我1個月前同樣，對此並不瞭解，那就是，快速在一個目錄中打開cmd。

    

在指定文件夾中，按住shift，再右鍵單擊鼠標，就會出現以下選項，"在此處打開命令窗口"（很差意思，各類截圖工具一用右鍵菜單就沒了，用文字代替）。注意，如今空白地方左鍵點擊一下，不然若是有選中文件的話，是出不來這個菜單的。

    接下來，使用npm命令安裝ECharts.js庫。我這裏使用的是淘寶提供的鏡像，cnpm。

搭好基本環境以後，上代碼：

 1 <template>
 2     <div id="my_echarts" class="echart"></div>
 3 </template>
 4 
 5 <style>
 6   .echart{
 7       height: 400px;
 8       width: 700px;
 9   }
10 </style>
11 
12 <script>
13   import echarts from 'echarts'
14   export default {
15       mounted: function(){
16           this.$nextTick(function(){
17               this.draw('my_echarts');
18           })
19       },
20     methods: {
21       draw: function(id){ 
22           var myChart = echarts.init(document.getElementById(id)); 
23         
24         var option = {
25             tooltip: {
26                 show: true
27             },
28             legend: {
29                 data:['銷量']
30             },
31             xAxis : [
32                 {
33                     type : 'category',
34                     data : ["襯衫","羊毛衫","雪紡衫","褲子","高跟鞋","襪子","男裝"]
35                 }
36             ],
37             yAxis : [
38                 {
39                     type : 'value'
40                 }
41             ],
42             series : [
43                 {
44                     "name":"銷量",
45                     "type":"bar",
46                     "data":[5, 20, 40, 10, 10, 20, 100]
47                 }
48             ]
49         };
50 
51         // 爲echarts對象加載數據 
52         myChart.setOption(option);
53       }
54     }
55   }
56 </script>

 至此，頁面裏能夠正常顯示ECharts圖表。因爲我也是剛開始學習，因此，歡迎大神前來拍磚，還有共同窗習的朋友一塊兒討論。