dataZoom click

by tmtron

HTML

<script src="//unpkg.com/[email protected]/dist/echarts.min.js"></script>
<script src="https://underscorejs.org/underscore.js"></script>
<div id="main" style="width: 600px;height:300px;"></div>

JavaScript

var myChart = echarts.init(document.getElementById('main'));

option = {
  dataZoom: [{
    type: 'slider'
  }],
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
    triggerEvent: true
  },
  yAxis: {
    type: 'value',
    triggerEvent: true
  },
  series: [{
    data: [150, 230, 224, 218, 135, 147, 260],
    type: 'line'
  }]
};
myChart.setOption(option);

myChart.on('click', (params) => {
  console.log('click', params.componentType)
});

/**
 * see: https://echarts.apache.org/en/api.html#echartsInstance.on
 */
myChart.on('click', 'dataZoom', (params) => {
  console.log('dataZoom click', params.componentType)
});