Echarts Contextmenu Testing

To test the contextmenu functionality in mobile device

by YeongCY

HTML

<html>
  <body>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/5.1.1/echarts.min.js"></script>
    <div id="main"></div>
  </body>
</html>

CSS

#main {
  width: 600px;
  height: 400px;
  border: 1px solid red;
}

JavaScript

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

var option = {
		tooltip: {},
    xAxis: {
    	data: ['bar1', 'bar2', 'bar3']
    },
    yAxis: {},
    series: [{
    		name: 'testing',
        data: [1, 2, 3],
        type: 'bar'
    }],
    
};

//plot chart
chart.setOption(option);

//context menu
chart.on('contextmenu', (params)=>{
  alert('contextmenu', params);
});