实现效果图:
主要配置代码:
yAxis: {
//配置向下箭头
axisLine: {
symbol: ['arrow', 'none'],//箭头一端没效果,一端箭头
symbolOffset: [-8, 8],//箭头段向下移动8个像素
lineStyle: {
width: 3
}
},
//y轴刻度显示圆点
axisLabel: {
margin: 0, // 圆点位置
formatter: function (p) {
return '{a| ' + p + '}' + '{dot|}';
},
rich: {
a: {
padding: 6,
textAlign: 'left',
color: 'white'
},
dot: {
backgroundColor: '#4876ff',
height: 10,
width: 10,
borderRadius: 10
},
}
}
}