//圆角位置,左上、右上、右下、左下圆角
barBorderRadius:[0, 10, 10, 0],
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [ //设置渐变方向
//设置渐变颜色
{
offset: 0,
color: '#5187E4'
}, {
offset: 1,
color: '#65C0CA'
}]),
效果图:
使用示例:
//init初始化接口,返回ECharts实例,其中dom为图表所在节点
var myChart=echarts.init(document.getElementById('main'));
var option = {
title: {
text: '各片区环比交错正负轴',
textStyle:{
color:"#959FB2",
fontSize:12
},
x:'center',
top:"30px"
},
grid: {
left: '3%',
right: '8%',
bottom: '18%',
containLabel: true
},
xAxis : {
type: 'value',
axisTick: {//去掉坐标轴刻线
show: false
},
splitLine :{
show:false
},
axisLine:{//x轴
lineStyle:{
color:'#6892DE', //X轴的颜色
},
},
},
yAxis : {
type: 'category',
data: ['新市','乾元','武康'],
axisTick: { //去掉坐标轴刻线
show: false
},
axisLine:{
lineStyle:{
color:'#6892DE', //y轴的颜色
},
},
},
series : [
{
name: '环比交错',
type: 'bar',
stack: '总量',
barWidth : 16,//柱图宽度
label: {
normal: {
show: true,
position: 'right',
color: '#65BFCB',
fontSize:12,
formatter: '{c}m3'
},
},
itemStyle:{
barBorderRadius:[0, 10, 10, 0], //圆角位置,左上、右上、右下、左下圆角
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
offset: 0,
color: '#5187E4'
}, {
offset: 1,
color: '#65C0CA'
}]),
},
data: [320, 302, 301]
},
]
};
// 为echarts对象加载数据
myChart.setOption(option);