VisActor/VChart

[Bug] dot series disappears when hover on datazoom

Open

#3.283 aberto em 30 de set. de 2024

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

Métricas do repositório

Stars
 (1.800 stars)
Métricas de merge de PR
 (Mesclagem média 3d 12h) (15 fundiu PRs em 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

Guia do colaborador