版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/yitian881112/article/details/81332089
首先我们到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>