最近1天掉进了一个的坑,就是echarts折线图单个数据点显示
代码如下:
{
data: [[20,50]],
type: 'line',
symbol: 'emptyCircle',
symbolSize: 12,
showSymbol: true,
name: '管线',
markLine: {
symbol: 'circle',
label: {
position: 'insideStartTop',
},
data: [
{
name: '管线最高点',
type: 'max',
},
],
},
},
我的猜想点与试错:
- 存在markLine怀疑是标线设置问题
- 尝试了markLine的所有配置没有得到解决
- 怀疑是数据过多问题
- 确实跟数据有关联,数据量少时出现,数据量大时没出来(同时缩放屏幕单点显示也有影响)
- 怀疑是symbol问题
- 尝试了symbol的配置无果
- 怀疑类型问题,type为line时具有连贯性,数据理应是多个,但单点只有一个数据
- 尝试type改为scatter,散点加载方式,完美解决
又踩了一个知识的盲点,总结:
- 在选择之前虽然有多种,但请根据情况选择一种合适的