效果图：
代码如下：
<Meta charset="utf-8">
ECharts柱状图
{c0}(万元)',axisPointer :{
type : 'line',lineStyle : {
color : '#05F41E',width : 1,type : 'solid',// axisPointer : { // 坐标轴指示器，坐标轴触发有效
// type : 'shadow',// 默认为直线，可选为：'line' | 'shadow'
// shadowStyle :{
// color : '#D6EAFA',// opacity : 0.5,// }
// },calculable : true,xAxis: {
data: xAxisData.map(function(x){
return x;
}),axisLabel: {
textStyle: {
color: '#333',align : 'center',baseline : 'top'
},rotate : 20,margin : 15,yAxis: {
// 横向标线 默认为TRUE
splitLine: {
show: true,axisLabel: {
textStyle: {
color: '#333'
}
},type : 'value',boundaryGap : false,// 分隔线线的类型
splitLine: {
show: true,lineStyle :{
color : '#EFF0F0',type : 'dashed',}
}
},series: {
type: 'bar',data: data,barWidth: 15,itemStyle: {
normal: {
barBorderRadius: 20,color: new echarts.graphic.LinearGradient(0,1,[{
offset: 0,color: '#37BBF8'
},{
offset: 1,color: '#2294E4'
}]),// shadowColor: 'rgba(35,149,229,0.8)',// shadowBlur: 20,areaStyle: {type: 'default'}
}
}
},};
if (option && typeof option === "object") {
myChart.setOption(option,true);
}
原文链接：https://www.f2er.com/jquery/40512.html