VisActor/VChart

[Bug] dot series disappears when hover on datazoom

Open

#3283 aperta il 30 set 2024

Vedi su GitHub
 (0 commenti) (0 reazioni) (1 assegnatario)TypeScript (212 fork)user submission
buggood first issue

Metriche repository

Star
 (1800 star)
Metriche merge PR
 (Merge medio 3g 12h) (15 PR mergiate in 30 g)

Descrizione

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

Guida contributor