第一次写文,只是想记录一下自己平时发现的小功能,这篇主要是实现echarts柱状图,每个柱子实现不同颜色的渐变色,也是第一次接触echarts,后台使用ssm,前台是extjs,直接上效果图
直接上js代码
var option={
title:{//柱状图标题的样式设置
text:"日用电量同比图",
x : 'center',
backgroundColor: '#81a5d5',
textStyle: {
color:'#fff'
},
padding:[10,40,10,40]
},
xAxis :{
type: 'category',
data:xdata,//数据是后台传过来 ["2017-11-08", "2016-11-08"]
axisLabel:{//字体样式
show: true,
textStyle: {
color:'#20579a',
fontWeight : 300 ,
fontSize : 14 //文字的字体大小
}
},
axisLine: {//x轴线的样式
lineStyle: {
type: 'solid',
color: '#20579a',//线的颜色