效果图:
代码如下:
rush:xhtml;">
<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);
}
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持编程之家!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。