简单的写法,extjs可以直接引用插件来写,这里将我发表在百度文库的文档简述下来,有兴趣也可以关注我的百度文库,ID:该用户已失踪。
主要部分的代码:
$(document).ready(function(){
var myChart2 = echarts.init(document.getElementById('myChart2'));
var option = {
title: { //柱状图的表头
text: '时间、会员总数、总行程数和新增景点',
x:'center',
},
tooltip: {},
xAxis: {
data: ["出行时间","新增景点","总行程数","同比增长"]
},
yAxis:{},
series:[{
type:'bar',
data:[{
value:200,//单个高度值
itemStyle:{
normal:{color:'gray'} //单个柱状柱子的颜色
}
}, {
value:300,
itemStyle:{
normal:{color:'green'}
}
},{
value:1500,
itemStyle:{
normal:{color:'yellow'}
}
},{
value:300,
itemStyle:{
normal:{color:'red'}
}
}]
}]
}
myChart2.setOption(option);
})
2、引用的JS部分
3、HTML的内容
4、CSS部分