admin管理员组

文章数量:1565292

效果如下图：

没进行格式化之前的效果（Y轴不是想要的效果）：

X轴和Y轴都要加坐标轴指示器
代码如下：

        tooltip: {
          trigger: 'axis',
          // 坐标轴指示器
          axisPointer: {
            type: 'cross', // 十字准星指示器,表示启用两个正交的轴的 axisPointer
            label: {
              backgroundColor: 'rgba(0,122,255,0.6)', // 文本标签的背景颜色
              // 文本标签文字的格式化器
              formatter(a) {
              // 这里可以控制台输出一下参数a，看看里面有什么，再进行格式化
              // axisDimension可以判断是X轴还是Y轴，分别格式化X轴和Y轴的文字
                if (a.axisDimension === 'y') {
                  return parseFloat(a.value).toFixed(1) + '天';
                } else {
                  return a.value;
                }
              }
            }
          },
          backgroundColor: 'rgba(73,91,127,1)',
          formatter(a, b, c) {
			// 提示框浮层内容格式器，可根据需求进行格式化
          }
        },

本文标签： 坐标轴指示器文本标签折线图

版权声明：本文标题：echarts折线图显示坐标轴指示器并且格式化文本标签 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dianzi/1726471724a1072159.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。