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

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

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

    

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

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

搭好基本環境之后，上代碼：

<template>
    <div id="my_echarts" class="echart"></div>
</template>

<style>
  .echart{
      height: 400px;
      width: 700px;
  }
</style>

<script>
  import echarts from 'echarts'
  export default {
      mounted: function(){
          this.$nextTick(function(){
              this.draw('my_echarts');
          })
      },
    methods: {
      draw: function(id){ 
          var myChart = echarts.init(document.getElementById(id)); 
        
        var option = {
            tooltip: {
                show: true
            },
            legend: {
                data:['銷量']
            },
            xAxis : [
                {
                    type : 'category',
                    data : ["襯衫","羊毛衫","雪紡衫","褲子","高跟鞋","襪子","男裝"]
                }
            ],
            yAxis : [
                {
                    type : 'value'
                }
            ],
            series : [
                {
                    "name":"銷量",
                    "type":"bar",
                    "data":[5, 20, 40, 10, 10, 20, 100]
                }
            ]
        };

        // 為echarts對象加載數據 
        myChart.setOption(option);
      }
    }
  }
</script>

 至此，頁面里可以正常顯示ECharts圖表。由於我也是剛開始學習，所以，歡迎大神前來拍磚，還有共同學習的朋友一起討論。