events defined by `chart.on(eventName, ...` are not triggered

defined events are not triggered

(at least) finished and rendered events are not triggered/executed.

Version & Environment

• ECharts version v4.2.0-rc2
• Browser version chrome-70.0.3538.77
• OS Version windows 7

Expected behaviour

the function defined should be triggered. in given example: having ‘finished loading’ in console

ECharts option

var myChart = echarts.init(document.getElementById('chart1'), null, {
	"devicePixelRatio": null,
	"renderer": "canvas",
	"width": null,
	"height": "600px"
});
myChart.setOption({
	"title": {
		"text": "test",
	},
	"grid": [
		{
			"top": "5%",
			"height": "60%",
			"width": "60%",
			"left": "5%",
			"containLabel": false,
			"borderColor": "transparent",
			"show": "1"
		}
	],
	"xAxis": [
		{
			"type": "time",
			"min": "dataMin",
			"max": "dataMax"
		}
	],
	"yAxis": [
		{
			"type": "value",
		}
	],
	"series": {"name": "insufficient_data", "type": "bar"},
});

myChart.on('finished', function (params){
	console.log('finished loading');
});

[sxmpasch]

As intermediate solution, you could add an event listener to the parent div object in order to receive click-coordinates. They then can be transformed into real axis coordinates:

document.getElementById('chart-panel').addEventListener("click",function(e){
    console.log(e.zrX+"#"+e.zrY+'#'+myChart.convertFromPixel({xAxisIndex:0, yAxisIndex:0},[e.zrX,e.zrY]));
})

[mohitjain0824]

In the axis option, you might have to add triggerEvent property.

myChart.setOption({ . . "xAxis": [ { triggerEvent: true, } ], "yAxis": [ { triggerEvent: true, } ], })

This worked for me. Hope it helps.