- 第一步导入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>
转载请携带连接谢谢,希望能帮到大家,我也搞了一晚上才总结出来,希望小伙伴一定遇事要冷静哦!