[apache/echarts]移动端设备上的自定义坐标轴上的三角形与坐标轴对不齐

2024-07-16 360 views
7

3.8.5

image

移动端上坐标轴width设置为2时像是对齐的,配置如下:

yAxis: {
      type: 'value',
      axisTick: {
        show: false
      },
      splitLine: {
        show: false
      },
      axisLine:{
        lineStyle:{
          color:'#666',
          width: 1
        },
        symbol:['none','path://M4 0 L0 8 L8 8 Z'],
        symbolSize:[8,8],
        symbolOffset:[0,4],
      },
      axisLabel: {
        color: '#666',
        width: 4,
        show: false,
      },
    }

希望坐标轴宽度为1时,箭头的顶端与坐标轴的线在同一竖线上

箭头的顶端在坐标轴的线左侧1像素左右


移动端宽度为奇数时不对齐,为偶数时对齐的。PC端相反。 1,想让Y轴向左偏移,但是箭头会同时移动。 2,坐标轴宽度设置为2,想通过渐变方式让坐标轴左右两侧分别设置一部分透明,看上去宽度是1,但是箭头也跟着透明

回答

2

先试一下最新版本看下效果?因为 3.8 的版本很老了。 此外请提供一个可运行的 demo。

8

@Ovilia 在官网例子里追加三角箭头,发现PC端也是有错位问题,放大之后可以看到

2

看到了,之后会优化下