[Feature] 是否支持不同series的不同dataIndex高亮?

[sz-p]

What problem does this feature solve?

在如下场景中 需要高亮 series 0 的dataindex 0 以及 series 1的dataindex 0, 1

原始：

高亮：

代码:

const hightLight = (e) => {
  const name = e.name;
  if (e.isFired) return;
  const series0DataIndex = [];
  const series1DataIndex = [];
  for (let i = 0; i < levelOData.length; i++) {
    if (levelOData[i].name === name) {
      series0DataIndex.push(i);
    }
  }
  for (let i = 0; i < level1Data.length; i++) {
    if (level1Data[i].name === name) {
      series1DataIndex.push(i);
    }
  }
  console.log(series1DataIndex);
  console.log(series0DataIndex);

  myChart.dispatchAction({
    type: 'highlight',
    seriesIndex: [0, 1],
    isFired: true,
    // 期望 这里根据不同的series去做区分
    dataIndex: [series1DataIndex, series0DataIndex],
  });
};
myChart.on('highlight', hightLight);

如果不支持的话是否有代替方案？

Demo

https://stackblitz.com/edit/js-wn7p1d?file=index.html,index.js

[echarts-bot]

@sz-p 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] Does it support different dataIndex highlighting for different series?

BODY

What problem does this feature solve?

In the following scenarios, dataindex 0 of series 0 and dataindex 0, 1 of series 1 need to be highlighted

original:

Highlight:

code:

const hightLight = (e) => {
  const name = e.name;
  if (e.isFired) return;
  const series0DataIndex = [];
  const series1DataIndex = [];
  for (let i = 0; i < levelOData. length; i++) {
    if (levelOData[i].name === name) {
      series0DataIndex.push(i);
    }
  }
  for (let i = 0; i < level1Data.length; i++) {
    if (level1Data[i].name === name) {
      series1DataIndex. push(i);
    }
  }
  console.log(series1DataIndex);
  console.log(series0DataIndex);

  myChart. dispatchAction({
    type: 'highlight',
    seriesIndex: [0, 1],
    isFired: true,
    // Expectation here to distinguish according to different series
    dataIndex: [series1DataIndex, series0DataIndex],
  });
};
myChart.on('highlight', hightLight);

Is there an alternative if not supported?

What does the proposed API look like?

nothing

[kitee0325]

There are two ways to solve this problem, either by passing in the name parameter, which may cause problems with the same name, make sure your data has a unique name, or by making multiple calls, each handling only one series(Not recommended)

for example:

let series1data = [
{name:'A',value:1},
{name:'B',value:2}
]

let series2data=[
{name:'C',value:3}
]

myChart.dispatchAction({
type:'highlight',
name:['A','B','C']
})

[sz-p]

There are two ways to solve this problem, either by passing in the name parameter, which may cause problems with the same name, make sure your data has a unique name, or by making multiple calls, each handling only one series(Not recommended)

for example:

let series1data = [
{name:'A',value:1},
{name:'B',value:2}
]

let series2data=[
{name:'C',value:3}
]

myChart.dispatchAction({
type:'highlight',
name:['A','B','C']
})

Not work you can try it.

For the second way:

If making multiple calls the last call will change the first call,

like

  myChart.dispatchAction({
    type: 'highlight',
    seriesIndex: 0,
    isFired: true,
    dataIndex: series0DataIndex,
  });
  // i set focus: 'self' in series 1 so when highlight dataitem the first call be blured
  myChart.dispatchAction({
    type: 'highlight',
    seriesIndex: 1,
    isFired: true,
    dataIndex: series1DataIndex,
  });

For the fist way:

If not use the same name we can`t highlight the same category nodes:

like:

Because of no mouse on legend event we can`t dispatch highlight event on over the legend item

see the issue and the PR

[helgasoft]

If you don't mind the actual highlight/downplay effect,
workaround is to use select instead of highlight - Demo Code.

[sz-p]

If you don't mind the actual highlight/downplay effect, workaround is to use select instead of highlight - Demo Code.

Yes this is a useful way, because dispatch multiple select action the last not change the first.

But I still think highlight action should support highlight different dataIndex in different series

[github-actions]

This issue has been automatically marked as stale because it did not have recent activity. It will be closed in 7 days if no further activity occurs. If you wish not to mark it as stale, please leave a comment in this issue.

[github-actions]

This issue has been automatically closed because it did not have recent activity. If this remains to be a problem with the latest version of Apache ECharts, please open a new issue and link this to it. Thanks!