在为双柱状图的每个柱子加对应的折线图时,直接添加会发生折线图的点没有对应到柱状图的中心,而是在两个柱子之间,如下图:
解决办法:可以通过增加一个隐藏的x轴,用来控制线图的点的位置来实现,代码如下:
option = {
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
crossStyle: {
color: '#999'
}
}
},
xAxis: [{
type: 'category',
data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
axisPointer: {
type: 'shadow'
}
}, ],
yAxis: [{
type: 'value',
name: '水量'