上次的柱状图的展示进行完善:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Echarts展示</title>
<script type="text/javascript" src="echarts.js"></script>
</head>
<body>
<div id="echart" style="width:1100px; height:500px;"></div>
</body>
<script type="text/javascript">
var echart=echarts.init(document.getElementById('echart'));
var option={
title:{
text:'销售'
},
legend:{
data:['购买金额','销售金额','面积']
},
xAxis:{
type:'category',
//边界差距(边界对齐)
boundaryGap:false,