echarts提供了一个统一的坐标指示器的修改配置项,所以一般情况下tooltip设置axisPointer信息即可
tooltip: {
show: true,
axisPointer: { //坐标指示器的线
type: "line", //类型为线
lineStyle: {
color: "#55c0ff", //线的颜色
width: 1,
type: "solid",
}
}
},
但是在3D图标中,这样设置在目前的版本是不生效的,当需要将背景色设置为深色时,坐标指示器默认黑色就会不明显,经过多放查证, axisPointer配置是可以放到坐标项中设置的,XYZ轴单独配置可以生效:
xAxis3D: {
type: 'value',
axisPointer: { //坐标指示器的线
type: "line",
lineStyle: {
color: "#55c0ff",
width: 1,
type: "solid",
}
}
},
yAxis3D: {
type: 'value',
axisPointer: { //坐标指示器的线
type: "line",
lineStyle: {
color: "#55c0ff",
width: 1,
type: "solid",
}
}
},
zAxis3D: {
type: 'value',
axisPointer: { //坐标指示器的线
type: "line",
lineStyle: {
color: "#55c0ff",
width: 1,
type: "solid",
}
}
},
效果图: 默认颜色(白底黑线): 修改颜色(黑底蓝线):
|