初写echarts

首先我们到echarts官网下载对应得

 http://echarts.baidu.com/download.html

 笔者用得常用版本，比较稳定，并且基本上可以满足学习需求

然后我们可以在官网菜单上发现有很多关于echarts得案例

http://echarts.baidu.com/examples/

然后在本地项目里面创建一个jsp或者html文件

然后把下载echarts文件导入到文件之中

<script src="../js/echarts.common.min.js"></script>

最后笔者用得固定模板进行加载echarts模板

<div id="main" style="width: 600px;height: 400px;"></div>

<script type="text/javascript">
    //基于准备好的dom，初始化echarts实例
    var myChart=echarts.init(document.getElementById('main'));
    //指定图表的配置项和数据
    

 var option = {
     xAxis: {
         type: 'category',
         data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
     },
     yAxis: {
         type: 'value'
     },
     series: [{
         data: [120, 200, 150, 80, 70, 110, 130],
         type: 'bar'
      }]
   };

    //使用刚指定的配置项和数据显示图表
    myChart.setOption(option);
</script>