x轴的grid分割线如何对齐到散点上
配置项如下
option = {
grid: {
x: "30"
},
tooltip: {},
xAxis: {
name: "比赛时间",
gridIndex: 0,
boundaryGap: false,
splitLine: {
interval: 0,
show: true,
lineStyle: {
color: '#cccccc',
type: 'solid'
}
},
axisLine: {
onZero: false,
lineStyle: {
color: '#4488bb',
width: 2
}
},
nameTextStyle: {
color: '#4488bb',
fontSize: 12
},
axisLabel: {
textStyle: {
color: "#333333"
}
},
data: ["2012-04-22", "2012-12-06", "2012-12-24", "2013-12-19", "2014-03-23", "2014-12-06", "2014-12-20", "2015-11-14", "2015-12-04", "2016-11-12"]
},
yAxis: {
name: "得分",
type: 'value',
splitArea: 0,
nameTextStyle: {
color: '#4488bb',
fontSize: 12
},
splitLine: {
show: false
},
axisLine: {
lineStyle: {
color: '#4488bb',
width: 2
}
},
axisLabel: {
textStyle: {
color: "#333333"
}
},
splitLine: {
show: true,
lineStyle: {
color: '#999',
type: 'solid'
}
},
min: 70,
},
series: [{
name: "魔术",
symbolSize: 20,
itemStyle: {
normal: {
color: 'rgba(234,68,68, 0.9)',
}
},
type: "scatter",
data: ["107", "81", "93", "86", "88", "93", "101", "93", "94", "87"]
}, {
name: "爵士",
symbolSize: 20,
itemStyle: {
normal: {
color: 'rgba(38,144,254, 0.9)',
}
},
type: "scatter",
data: ["117", "87", "97", "82", "89", "98", "94", "102", "103", "74"]
}]
};