Skip to content

Strange dataZoom behaviour in polar coordinate system #14261

@rlaranjeira

Description

@rlaranjeira

Version

4.6.0
also reproduced on 5.0.2

Steps to reproduce

  1. First render chart with those options
option = {
    animation: false,
    angleAxis: {
        type: 'category',
        data: ['S1', 'S2', 'S3', 'S4', 'S5', 'S6']
    },
    dataZoom: {
      type: "inside",
      filterMode: "none",
      radiusAxisIndex: 0,
      startValue: 0,
      endValue: 15
    },
    radiusAxis: {
        min: 0,
        max: 15
    },
    polar: {
    },
    series: [{
        type: 'line',
        data: [2, 2, 2, 2, 2, 2, 2],
        coordinateSystem: 'polar',
        name: 'A',
        itemStyle: {
            color: "blue"
        }
    },
    {
        type: 'line',
        data: [4, 4, 4, 4, 4, 4, 4],
        coordinateSystem: 'polar',
        name: 'B',
        itemStyle: {
            color: "red"
        }
    },
    {
        type: 'line',
        data: [6, 6, 6, 6, 6, 6, 6],
        coordinateSystem: 'polar',
        name: 'C',
        itemStyle: {
            color: "green"
        }
    }],
    legend: {
        show: true,
        data: ['A', 'B', 'C']
    }
};
  1. Now update dataZoom startValue to 8

What is expected?

Lines should not be reversed, but cropped.

What is actually happening?

Lines are actually rendering in inverse order, blue curve get bigger than red and green curve.
strange-dataZoom-polar

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions