Advertisement

echarts折线图呈现坐标轴指示并处理文本标签

阅读量:

具体效果展示见下图:

在这里插入图片描述

在尚未进行格式化处理的状态下所呈现的效果(Y轴的表现未能达到预期目标):

在这里插入图片描述

X轴与Y轴均需配置坐标轴标识符
代码示例如下:

复制代码
        tooltip: {
          trigger: 'axis',
          // 坐标轴指示器
          axisPointer: {
            type: 'cross', // 十字准星指示器,表示启用两个正交的轴的 axisPointer
            label: {
              backgroundColor: 'rgba(0,122,255,0.6)', // 文本标签的背景颜色
              // 文本标签文字的格式化器
              formatter(a) {

全部评论 (0)

还没有任何评论哟~