событие echarts 4.3.0 datazoom не обнаружено - PullRequest
Новая
       20

событие echarts 4.3.0 datazoom не обнаружено

0 голосов
/ 30 сентября 2019

Я не могу обнаружить событие datazoom, когда для диаграммы с графиком типа серии включен роуминг. Это для eCharts 4.3.0, но я буду тестировать предыдущие версии, чтобы убедиться, что это регрессия.

Параметры переданы в: 

setup.options = {
  title: {
    top: 'bottom',
    left: 'right'
  },
  animation: false,
  tooltip: {
    trigger: 'item',
    position: 'right',
    confine: true,
    backgroundColor: 'transparent',
    padding: [40, 0, 0, 0],
    enterable: false,
    formatter: function(item) {
      return 'Click for more';
    }
  },
  series : [
    {
      name: '###',
      type: 'graph',
      layout: 'force',
      force: {
        repulsion: 95,
        gravity: 0.015,
        edgeLength: 40,
        layoutAnimation: false
      },
      roam: true,
      draggable: true,
      data: setup.nodes,
      links: setup.links,
      focusNodeAdjacency: true,
      itemStyle: {
        normal: {
          borderColor: '#fff',
          borderWidth: 1,
          shadowBlur: 10,
          shadowColor: 'rgba(0, 0, 0, 0.3)'
        }
      },
      lineStyle: {
        color: 'source',
        curveness: 0.3
      },
      emphasis: {
        lineStyle: {
          width: 10
        }
      }
    }
  ]
};

Я пробовал оба: 

// Zoom event listener
(viz.chart).on('datazoom', function(e) {
  console.log('zoomed');
  console.log(e);
});

и: 

// Zoom event listener
(viz.chart).on('dataZoom', function(e) {
  console.log('zoomed');
  console.log(e);
});

Я также протестировал добавление в компонент панели инструментов datazoom, и для этого события масштабирования также не были обнаружены.

1 Ответ

0 голосов
/ 03 октября 2019

Видимо, тип серии графиков не поддерживает dataZoom. В качестве альтернативы вы можете подключить слушателя для graphRoam. 

myChart.on('graphRoam', function(e) {
        console.log('zoom');
});

Это не предоставит информацию о состоянии начала и конца масштабирования, но сообщит вам, произошло ли масштабирование и было ли увеличение или уменьшение.

...