截图是这段设置在微信小程序上面的表现,第三个焦点后面的点无法正常显示
配置项如下
option = {
backgroundColor: "#fff",
animation: false,
yAxis: {
x: 'center',
type: 'value',
splitLine: {
show: false
},
},
xAxis: [{
xAxisIndex: 0,
type: 'category',
boundaryGap: false,
position: "bottom",
splitLine: {
show: true
},
data: ['现在', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00', '21:00', '22:00', '23:00', '00:00']
},
{
xAxisIndex: 1,
type: 'category',
boundaryGap: false,
position: "bottom",
offset: 20,
data: ['现在', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00', '21:00', '22:00', '23:00', '00:00']
}
],
dataZoom: [{
type: 'inside',
xAxisIndex: [0],
filterMode: 'filter',
startValue: 0,
endValue: 6,
}, {
type: 'inside',
xAxisIndex: [1],
filterMode: 'filter',
startValue: 0,
endValue: 6,
}],
series: [{
type: 'line',
smooth: true,
hoverAnimation: false,
data: [18, 36, 65, 30, 78, 40, 33, 11, 22, 33, 44, 55, 66],
lineStyle: {
color: "#f00"
},
symbol: "circle",
symbolSize: 10,
itemStyle: {
color: "#0f0",
borderWidth: 1,
borderColor: "#00f"
},
}],
};