VisActor/VChart

[Bug] dot series disappears when hover on datazoom

Open

#3,283 opened on Sep 30, 2024

View on GitHub
 (0 comments) (0 reactions) (1 assignee)TypeScript (212 forks)user submission
buggood first issue

Repository metrics

Stars
 (1,800 stars)
PR merge metrics
 (Avg merge 3d 12h) (15 merged PRs in 30d)

Description

Version

1.12.6

Link to Minimal Reproduction

none

Steps to Reproduce

 const spec = {
    type: 'common',
    height: 500,
    layout: {
      type: 'grid',
      col: 2,
      row: 5,
      elements: [
        {
          modelId: 'legend',
          col: 0,
          colSpan: 2,
          row: 0
        },
        {
          modelId: 'time line top',
          col: 1,
          row: 1
        },
        {
          modelId: 's1 left',
          col: 0,
          row: 2
        },
        {
          modelId: 's1 chart',
          col: 1,
          row: 2
        },
        {
          modelId: 's2 left',
          col: 0,
          row: 3
        },
        {
          modelId: 's2 chart',
          col: 1,
          row: 3
        },
        {
          modelId: 'data zoom bottom',
          col: 1,
          row: 4
        }
      ]
    },
    region: [
      {
        id: 's1 chart'
      },
      {
        id: 's2 chart'
      }
    ],
    // autoBandSize: true,
    legends: {
      visible: true,
      orient: 'bottom',
      id: 'legend',
      regionId: ['s1 chart', 's2 chart']
    },
    series: [
      {
        id: 's1 chart series',
        regionId: 's1 chart',
        type: 'line',
        data: {
          id: 's1 chart',
          values: [
            {
              time: 1727613661278,
              type: 'es',
              value: 7
            },
            {
              time: 1727613662278,
              type: 'es',
              value: 8
            },
            {
              time: 1727613663278,
              type: 'es',
              value: 10
            },
            {
              time: 1727613664278,
              type: 'es',
              value: 9
            },
            {
              time: 1727613665278,
              type: 'es',
              value: 3
            },
            {
              time: 1727613661278,
              type: 'fs',
              value: 7
            },
            {
              time: 1727613662278,
              type: 'fs',
              value: 4
            },
            {
              time: 1727613663278,
              type: 'fs',
              value: 8
            },
            {
              time: 1727613664278,
              type: 'fs',
              value: 6
            },
            {
              time: 1727613665278,
              type: 'fs',
              value: 8
            }
          ]
        },
        xField: 'time',
        yField: 'value',
        seriesField: 'type',
        markOverlap: true,
        stack: true
      },
      {
        id: 's2 chart series',
        regionId: 's2 chart',
        type: 'dot',
        data: {
          id: 's2 chart',
          values: [
            {
              type: 'stamp',
              dots: [
                {
                  time: 1727613661278
                },
                {
                  time: 1727613662278
                },
                {
                  time: 1727613663278
                },
                {
                  time: 1727613664278
                },
                {
                  time: 1727613665278
                }
              ]
            }
          ]
        },
        grid: {
          background: {
            fillOpacity: 0
          }
        },
        xField: 'time',
        yField: 'type'
      }
    ],
    axes: [
      {
        id: 's1 left',
        regionId: 's1 chart',
        orient: 'left',
        title: {
          visible: true,
          text: 'DXS'
        }
      },
      {
        id: 's2 left',
        regionId: 's2 chart',
        orient: 'left',
        type: 'band',
        title: {
          visible: true,
          text: 'DXS'
        }
      },
      {
        id: 'time line top',
        regionId: ['s1 chart', 's2 chart'],
        seriesId: ['s1 chart series', 's2 chart series'],
        type: 'time',
        orient: 'top',
        tick: {
          visible: false
        },
        paddingInner: 0.99,
        paddingOuter: 0.99,
        tickCount: 1000,
        layers: [
          {
            tickStep: 1000,
            timeFormat: '%H:%M:%S'
          }
        ]
      }
    ],
    dataZoom: [
      {
        id: 'data zoom bottom',
        axisId: 'time line top',
        orient: 'bottom',
        start: 0,
        end: 1,
        filterMode: 'axis',
        brushSelect: false,
        backgroundChart: {
          line: {
            style: {
              visible: false
            }
          },
          area: {
            style: {
              visible: false
            }
          }
        },
        startText: {},
        endText: {}
      }
    ]
  };

Current Behavior

dot series will disappear

Expected Behavior

--

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

Contributor guide