apache / apache/echarts

[Feature] 在折线图中,若设置 showSymbol 为 false,那么当某个数据项的两边都为 null 时,是否可以显示一个点?

Open
#17,708 3 comments 0 reactions 0 assignees View on GitHub
difficulty: easy new-feature topic: line
Dominant language
TypeScript
Stars
67.3k
Forks
19.8k
Avg merge
11d 14h
Merged PRs (30d)
8

Description

### What problem does this feature solve?

我们团队非常喜欢将 showSymbol 设置为 true 后的效果,这让我们的图表同时具备简洁的外观和良好的交互。
但这样做有一个麻烦的地方,就是如果某个数据项的两边都是 null,那么这个数据项将不会有任何显示,比如像下面这个[示例](https://echarts.apache.org/examples/zh/editor.html?c=line-smooth&code=PYBwLglsB2AEC8sDeAoWsAeBBDEDOAXMmurGAJ4gCmRA5AMYCGYVA5sAE7m0A0J6AE2aMiAbVoBZGL1i0AKgFcqM2gHUqAlXIAWClQDEOEFQGVmphdFoBdEgF8-6cjnxFUpMpRqyAbowA2SrT2PLAkYMDA_pAgbvxkRqysVBx0jLh4wegOJHgpEFSEsKLx7h6weNrAAO4m5AC2AEZRRABmAXmO5UJgIsUAHABMAAyh0Ar-_qEAnMMAjGMTU7Bzg7OhcwDMm6MrmyPWXR4U1HT-ENDKR6R49ZFg2kRgHErxdiS2dgDcQA):

CleanShot 2022-09-27 at 22 05 31@2x
CleanShot 2022-09-27 at 22 05 49@2x

因此我想请问能否在这种拆线拐点所在的地方显示一个小圆点,以便进行标识,方便用户感知到这里其实是有数据的:

![CleanShot 2022-09-27 at 22 05 31@2x](https://user-images.githubusercontent.com/2755933/192549481-bd26640c-ec00-4b91-90b6-c101a98d08e2.png)

我是看到 Grafana 应用是采用这种方式来处理该问题的,感觉很不错:

CleanShot 2022-09-27 at 22 15 51@2x

然后我查阅了一下 ECharts 的文档和 issues 列表,但没有找到一种简便的实现方式。当然使用一些复杂的方式也能做到,但我在想是否有或可以有一种简便的实现方式。若是已经有了,那么还请不吝赐教。

### What does the proposed API look like?

唔,还不确定我所希望的实现方式是怎样的,也许我们可以讨论出来一种,如果它目前还不存在的话。

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.