折线图单点时显时隐问题

133 阅读1分钟

最近1天掉进了一个的坑,就是echarts折线图单个数据点显示

代码如下:

{
  data: [[20,50]],
  type: 'line',
  symbol: 'emptyCircle',
  symbolSize: 12,
  showSymbol: true,
  name: '管线',
  markLine: {
    symbol: 'circle',
    label: {
      position: 'insideStartTop',
    },
    data: [
      {
        name: '管线最高点',
        type: 'max',
      },
    ],
  },
},

我的猜想点与试错:

  1. 存在markLine怀疑是标线设置问题
  • 尝试了markLine的所有配置没有得到解决
  1. 怀疑是数据过多问题
  • 确实跟数据有关联,数据量少时出现,数据量大时没出来(同时缩放屏幕单点显示也有影响)
  1. 怀疑是symbol问题
  • 尝试了symbol的配置无果
  1. 怀疑类型问题,type为line时具有连贯性,数据理应是多个,但单点只有一个数据
  • 尝试type改为scatter,散点加载方式,完美解决

又踩了一个知识的盲点,总结:

  • 在选择之前虽然有多种,但请根据情况选择一种合适的