关于使用echarts心得，及其注意事项

• 第一步导入jquery、echarts的包
• 代码如下：

<script src="static/scripts/jquery/echarts.js"></script>
<script src="static/scripts/jquery/jquery-1.4.4.min.js"></script>

• 第二部建立div盒子：
• 代码如下：

//注意事项：
			1、一定要给定宽高，其他css样式是我后期加上去的。
			2、id='main'是后期dom对象需要的
 <div id="main" style="width: 800px;height: 400px;padding-top: 100px;padding-bottom: 100px;padding-left: 300px"></div>

• 第三部建立一个初始化模块，放置官网代码：
• 代码如下：

 <script type="text/javascript">
        //初始化echarts实例，dom使用id=‘main’进行初始化
        var myChart = echarts.init(document.getElementById('main'));
        var option={
        			注意事项：
        				1、这里面放入从官网复制过来的代码，只要复制option{里面代码}
        				2、把script标签放在div后面（共同让入body中），我在放入head标签内时无显示图片，放在body最下面也没反应，这点可以借鉴下
        				3、基本上所有的echarts代码往这里面套就行了
        }
        //使用制定的配置项和数据显示图表
        myChart.setOption(option);
  </script>

转载请携带连接谢谢，希望能帮到大家，我也搞了一晚上才总结出来，希望小伙伴一定遇事要冷静哦！