VisActor/VChart

[Bug] dot series disappears when hover on datazoom

Open

#3 283 ouverte le 30 sept. 2024

Voir sur GitHub
 (0 commentaires) (0 réactions) (1 assigné)TypeScript (212 forks)user submission
buggood first issue

Métriques du dépôt

Stars
 (1 800 stars)
Métriques de merge PR
 (Merge moyen 3j 12h) (15 PRs mergées en 30 j)

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

Guide contributeur