echarts的集成实例其实很多的,官方网站也有,在这里呢我就备注一下,记一下。
下面简单集成一个柱状图,主要分为三步曲:
1 .首先引入js
<script type="text/javascript" src="<c:url value="/lib/echarts/echarts-all.js"/>"></script>
<script type="text/javascript" src="<c:url value="/lib/echarts/config.js"/>"></script>
2.html 定义一个块,用于放图形
<div id="echarts" style="height:580px;width:100%"></div>
3.在js里面为图形添加内容
var myChart = echarts.init(document.getElementById("echarts"));
option = {
title : {
text: 'XXXX'