当后端未提供点的坐标轴数据时，前端开发者通过将折线图的线隐藏，实现了类似散点图的效果。在Echarts配置中，通过设置`symbolSize`、`symbol`和`type`属性，调整折线拐点的大小、形状和类型，成功地在没有直接散点图支持的情况下实现了需求。
最近领导心血来潮想要做散点图，但是后端不给我提供点的坐标轴【此处前端真想猝死！】
于是我就直接绘成折线图，再把两点之间的线给隐藏，此处代码示例来自echarts官网示例
在原有的series配置上进行修改：
series: [
{
symbolSize: 20, // 配置折线拐点的大小
symbol: "circle", // 配置折线拐点为实心
data: [150, 230, 224, 218, 135, 147, 260],
// type: 'line', // 配置为line则显示两点之间的线，配置为scatter则不显示两点之间的线
type: 'scatter'
}
]
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
