showTip无法打开 series' value为 '-'对应的 tooltip

[xianchenxy]

Version

3.8.5

Steps to reproduce

点击 markPoint，打开series[0]第n位的 tooltip，当第n位的 value有数据时正常，当 value为 '-'时 tooltip不显示。

What is expected?

tooltip能被正常打开，无论对应位置上的数据有没有。

What is actually happening?

当 value为 '-'时 tooltip不显示。

chartInstance.on('click', params => {
  if (params.componentType === 'markPoint') {
    chartInstance.dispatchAction({
      type: 'showTip',
      seriesIndex: 0,
      dataIndex: params.data._absolutePos // 手动在外部绑定的位置信息，已确定位置信息正确
    })
  }
})

复现步骤：

1. 首先点击markPoint，打开 _absolutePos上有数据的一项，功能正常：
2. 然后再打开 _absolutePos上 value为 '-'，功能异常。

第一步时 tooltip面板样式：

<div style="position: absolute; display: none; border-style: solid; white-space: nowrap; z-index: 9999999; 
        transition: left 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s, top 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s; 
        background-color: rgba(50, 50, 50, 0.7); border-width: 0px; border-color: rgb(51, 51, 51); 
        border-radius: 4px; color: rgb(255, 255, 255); font: 14px / 21px &quot;Microsoft YaHei&quot;;
        padding: 5px; left: 211.954px; top: 291.246px;">
    <div style="padding: 2px 8px 2px 6px;max-height: 450px;overflow-y: auto;">
        <p style="max-width: 1000px;white-space: pre-wrap;">2021-06-01（周二；儿童节；30）</p>
        <p>
            <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:$4fa8f9;"></span>
            活跃用户: 5,722</p>
        <p>
            <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:$6ec71e;"></span>
            新增用户: 3,308</p>
    </div>
</div>

第二步时 tooltip面板样式：
(tooltip样式增加了 display: none，其他样式和内容都没有发生改变)

<div style="position: absolute; display: none; border-style: solid; white-space: nowrap; z-index: 9999999; 
        transition: left 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s, top 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s; 
        background-color: rgba(50, 50, 50, 0.7); border-width: 0px; border-color: rgb(51, 51, 51); 
        border-radius: 4px; color: rgb(255, 255, 255); font: 14px / 21px &quot;Microsoft YaHei&quot;;
        padding: 5px; left: 211.954px; top: 291.246px;">
  <div style="padding: 2px 8px 2px 6px;max-height: 450px;overflow-y: auto;">
    <p style="max-width: 1000px;white-space: pre-wrap;">2021-06-01（周二；儿童节；30）</p>
    <p>
      <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:fa8f9;"></span>
      活跃用户: 5,722</p>
    <p>
      <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:ec71e;"></span>
      新增用户: 3,308</p>
  </div>
</div>

[echarts-bot]

Hi! We've received your issue and please be patient to get responded. 🎉
The average response time is expected to be within one day for weekdays.

In the meanwhile, please make sure that it contains a minimum reproducible demo and necessary images to illustrate. Otherwise, our committers will ask you to do so.

A minimum reproducible demo should contain as little data and components as possible but can still illustrate your problem. This is the best way for us to reproduce it and solve the problem faster.

You may also check out the API and chart option to get the answer.

If you don't get helped for a long time (over a week) or have an urgent question to ask, you may also send an email to dev@echarts.apache.org. Please attach the issue link if it's a technical question.

If you are interested in the project, you may also subscribe our mailing list.

Have a nice day! 🍵

[echarts-bot]

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

TRANSLATED

TITLE

showTip cannot open the tooltip corresponding to the series' value of'-'

BODY

Version

3.8.5

Steps to reproduce

Click markPoint to open the tooltip of the nth position in series[0]. It is normal when the value of the nth position has data, and the tooltip is not displayed when the value is'-'.

What is expected?

The tooltip can be opened normally, regardless of whether there is data in the corresponding position.

What is actually happening?

When the value is'-', the tooltip is not displayed.

chartInstance.on('click', params => {
  if (params.componentType ==='markPoint') {
    chartInstance.dispatchAction({
      type:'showTip',
      seriesIndex: 0,
      dataIndex: params.data._absolutePos // Manually bind the location information externally, the location information has been determined to be correct
    })
  }
})

Steps to reproduce:

1. First click on markPoint to open an item with data on _absolutePos, the function is normal:
2. Then turn on _absolutePos and the value is'-', the function is abnormal.

The tooltip panel style in the first step:

<div style="position: absolute; display: none; border-style: solid; white-space: nowrap; z-index: 9999999;
        transition: left 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s, top 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s;
        background-color: rgba(50, 50, 50, 0.7); border-width: 0px; border-color: rgb(51, 51, 51);
        border-radius: 4px; color: rgb(255, 255, 255); font: 14px / 21px "Microsoft YaHei";
        padding: 5px; left: 211.954px; top: 291.246px;">
    <div style="padding: 2px 8px 2px 6px;max-height: 450px;overflow-y: auto;">
        <p style="max-width: 1000px;white-space: pre-wrap;">2021-06-01 (Tuesday; Children’s Day; 30)</p>
        <p>
            <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:$4fa8f9;"></span>
            Active users: 5,722</p>
        <p>
            <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:$6ec71e;"></span>
            New users: 3,308</p>
    </div>
</div>

The tooltip panel style in the second step:
(Display: none is added to the tooltip style, other styles and content have not changed)

<div style="position: absolute; display: none; border-style: solid; white-space: nowrap; z-index: 9999999;
        transition: left 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s, top 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s;
        background-color: rgba(50, 50, 50, 0.7); border-width: 0px; border-color: rgb(51, 51, 51);
        border-radius: 4px; color: rgb(255, 255, 255); font: 14px / 21px "Microsoft YaHei";
        padding: 5px; left: 211.954px; top: 291.246px;">
  <div style="padding: 2px 8px 2px 6px;max-height: 450px;overflow-y: auto;">
    <p style="max-width: 1000px;white-space: pre-wrap;">2021-06-01 (Tuesday; Children’s Day; 30)</p>
    <p>
      <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:fa8f9;"></span>
      Active users: 5,722</p>
    <p>
      <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:ec71e;"></span>
      New users: 3,308</p>
  </div>
</div>

[susiwen8]

Please use 5.1.2

[xianchenxy]

Please use 5.1.2

@susiwen8 I‘ve updated echarts, but it still doesn't work.

[xianchenxy]

@susiwen8 Is there a way to solve the problem? thanks a lot!