VisActor/VChart

[Bug] dot series disappears when hover on datazoom

Ouverte

#3 283 ouverte le 30 sept. 2024

 (0 commentaire) (0 réaction) (1 personne assignée)TypeScript (212 forks)user submission
buggood first issue

Métriques du dépôt

Stars
 (1 800 étoiles)
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