...
步骤5：设置柱子宽度：
步骤6：添加如下扩展属性：
具体的扩展属性如下：
此扩展属性针对V95版本：
| 代码块 | ||
|---|---|---|
| ||
{
"series": [{
//如果想要两个系列的柱子重叠，可以设置 barGap 为 '-100%'。这在用柱子做背景的时候有用
"barGap": "-100%",
"z": 1,
//设置圆角
"itemStyle": {
"barBorderRadius": 5
},
//图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件
"silent": false
}, {
"barGap": "-100%",
"z": 0,
"itemStyle": {
"barBorderRadius": 5
},
"silent": true
}],
//设置颜色
"color": ["#5A8FF9", "#EEEEEE"],
"xAxis": {
"axisTick": {
//是否显示坐标轴刻度
"show": false
}
}
} |
如果是V10.5版本，使用此扩展属性：
| 代码块 | ||
|---|---|---|
| ||
{
"series": [{
//如果想要两个系列的柱子重叠，可以设置 barGap 为 '-100%'。这在用柱子做背景的时候有用
"barGap": "-100%",
"z": 1,
//设置圆角
"itemStyle": {
"normal": {
"borderRadius": 10
}
},
//图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件
"silent": false
}, {
"barGap": "-100%",
"z": 0,
"itemStyle": {
"normal": {
"borderRadius": 10
}
},
"silent": true
}],
//设置颜色
"color": ["#5A8FF9", "#EEEEEE"],
"xAxis": {
"axisTick": {
//是否显示坐标轴刻度
"show": false
}
}
} |
...
