今天我们来学习一下百度的图表控件Echart的使用
首先引入js
<script src="./echarts.common.min.js"></script>
在需要添加控件的地方加上
<div id="container" style="width:100%; height:600px; margin:0 auto;"></div>
最后设置一些柱状图的属性和风格
function create(data){
option = {
title: {
text: data.title,
x: 'center',
subtext: ''
},
tooltip: {
trigger: 'axis',
triggerOn: 'click',
formatter: function (params) {
var res='<div><p>'+params[0].data.ktName+'</p></div>'
for(var i=0;i<params.length;i++){
res+='<p>'+params[i].seriesName+':'+params[i].data.value+'%'+'</p>'
}
return res;
}
},
color:["#4472C4","#ED7D31","#A233DC","#EFED06",