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

pprl5pva  于 5个月前  发布在  Echarts
关注(0)|答案(3)|浏览(89)

What problem does this feature solve?

我们团队非常喜欢将 showSymbol 设置为 true 后的效果,这让我们的图表同时具备简洁的外观和良好的交互。
但这样做有一个麻烦的地方,就是如果某个数据项的两边都是 null,那么这个数据项将不会有任何显示,比如像下面这个 示例

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

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

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

What does the proposed API look like?

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

tp5buhyn

tp5buhyn1#

@BiosSun It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗
TRANSLATED

TITLE

[Feature] In a split graph, if showSymbol is set to false, can a point be displayed when both sides of a data item are null?

BODY

What problem does this feature solve?

Our team really likes the effect of setting showSymbol to true, which gives our charts a clean look and good interaction at the same time.
But this has a bad point, that is, if both sides of a data item are null, then this data item will not have any display, such as the following [example]( https://echarts.apache.org/ examples/zh/editor.html?c=line-smooth&code=PYBwLglsB2AEC8sDeAoWsAeBBDEDOAXMmurGAJ4gCmRA5AMYCGYVA5sAE7m0A0J6AE2aMiAbVoBZGL1i0AKgFcqM2gHUqAlXIAWClQDEOEFQGVmphdFoBdEgF8-6cjnxFUpMpRqyAbowA2SrT2PLAkYMDA_pAgbvxkRqysVBx0jLh4wegOJHgpEFSEsKLx7h6weNrAAO4m5AC2AEZRRABmAXmO5UJgIsUAHABMAAyh0Ar-_qEAnMMAjGMTU7Bzg7OhcwDMm6MrmyPWXR4U1HT-ENDKR6R49ZFg2kRgHErxdiS2dgDcQA):

![](https://user-images.githubusercontent.com/2755933/192548712-908061f6-2b4f-4fe3-89fb- b9e9aff3a4f4.png)

![](https://user-images.githubusercontent.com/2755933/192548785-9f830d8b-9210-4703-8fdc- 44d9c84140b8.png)

Therefore, I would like to ask if it is possible to display a small dot in the place where the inflection point of the stitching is located for identification, so that users can perceive that there is actually data here:

It's nice to see how the Grafana app handles the problem:

![](https://user-images.githubusercontent.com/2755933/192551451-0ec88f00-20e8-4248-95bf- 6c4be2dcbdd7.png)

Then I looked through the ECharts documentation and issues list, but couldn't find an easy way to do it. Of course it can be done in some complicated way, but I'm wondering if there is or can be an easy way to do it. If you already have it, please let me know.

What does the proposed API look like?

Well, not sure what the way I want it to be, maybe we can discuss one, if it doesn't exist yet.

gc0ot86w

gc0ot86w2#

This issue is labeled with difficulty: easy .
@BiosSun Would you like to debug it by yourself? This is a quicker way to get your problem fixed. Or you may wait for the community to fix.

Please have a look at How to debug ECharts if you'd like to give a try. 🤓

t40tm48m

t40tm48m3#

业务依赖的话,强烈建议自己根据上面的提示自己尝试支持一下,这样比在 TBD 中等待社区贡献者解决要快得多~

相关问题