Misleading dataZoom for the clustered charts

[djanusausk]

Version

4.1.0-release

Steps to reproduce

Hi,

There seems to be a limitation on how dataZoom draws the timeline for the clustered charts.

Consider following example. Clustered bar chart with the categorical legend.
image

"Matcha Latte" has a significant peak on the 2016 (check example under additional comments). However, dataZoom does not correctly indicate this. It seems that dataZoom always draws timeline for the first category which is "2015" in the example above. Instead as a user I would expect that dataZoom displays timeline across the total of the categorical values. It should also respond correctly based on the categories selected/highlighted.

I did not come across any configuration option to support above. Could you please advise?
Thanks in advance,
D

What is expected?

dataZoom should always calculate total values across categories and draw timeline based on that data.

What is actually happening?

dataZoom always displays timeline of the first category selected/highlighted in the clustered chart.

---

option = {
    legend: {},
    tooltip: {},
    dataset: {
        source: [
            ['product', '2015', '2016', '2017'],
            ['Matcha Latte', 43.3, 185.8, 93.7],
            ['Milk Tea', 83.1, 73.4, 55.1],
            ['Cheese Cocoa', 86.4, 65.2, 82.5],
            ['Walnut Brownie', 72.4, 53.9, 39.1]
        ]
    },
    xAxis: {type: 'category'},
    yAxis: {},
    // Declare several bar series, each will be mapped
    // to a column of dataset.source by default.
     dataZoom: [
            {
                show: true,
                type: 'slider',
                start: 0,
                end: 100,
                filterMode: 'filter'
            },
            {
                type: 'inside',
                start: 0,
                end: 100
            },
            {
                show: false,
                yAxisIndex: 0,
                filterMode: 'empty',
                width: 30,
                height: '80%',
                showDataShadow: false,
                left: '93%'
            }
        ],
    series: [
        {type: 'bar'},
        {type: 'bar'},
        {type: 'bar'}
    ]
};

[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 you have posted enough image to demo your request. 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 questions.

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

Have a nice day! 🍵

[100pah]

Currently the implementation of the "overview diagram" in dataZoom is too simple, where only one series is used.
Probably it should be considered to be enhanced to indicate the character of the 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!