echarts 3d折线图 鼠标/坐标轴指示线修改颜色

您所在的位置:网站首页 echarts折线图坐标轴颜色 echarts 3d折线图 鼠标/坐标轴指示线修改颜色

echarts 3d折线图 鼠标/坐标轴指示线修改颜色

2023-11-28 04:12| 来源: 网络整理| 查看: 265

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", } } },

效果图: 默认颜色(白底黑线): 在这里插入图片描述 修改颜色(黑底蓝线): 在这里插入图片描述



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3