将百度的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图表。由于我也是刚开始学习，所以，欢迎大神前来拍砖，还有共同学习的朋友一起讨论。