highcharts双柱形图ID点击事件

Highcharts.chart('container',{
	chart: {
		type: 'column'
	},
	title: {
		text: '用户'
	},
	xAxis: {
		categories: ['a','b'],
		crosshair: true
	},
	yAxis: {
		min: 0,
		title: {
			text: ' '
		}
	},
	tooltip: {
		// head + 每个 point + footer 拼接成完整的 table
		headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
		pointFormat: '<tr><td style="color:{series.color};padding:0">人数: </td>' +
		'<td style="padding:0"><b>{point.y} 人</b></td></tr>',
		footerFormat: '</table>',
		shared: true,
		useHTML: true
	},
	plotOptions: {
		column: {
			borderWidth: 0
		},
		series: {
			cursor: 'pointer',
			point: {
				events: {
					click: function (e) {
						console.log('id:'+this.id)
						console.log('status:'+this.status)
					}
				}
			}
		}
	},
	series: [{
		name:'人数1',
		data: [{id:1,name:'a',y:18,status:1},{id:2,name:'b',y:18,status:1}],
		dataLabels: {
			enabled: true
		}
	},{
		name:'人数2',
		data: [{id:1,name:'a',y:10,status:0},{id:2,name:'b',y:10,status:0}],
		dataLabels: {
			enabled: true
		}
	}]
});

 在线预览链接:https://jshare.com.cn/temp/RSZx0q/1

posted @ 2018-11-13 19:59  大智如蠢  阅读(870)  评论(0)    收藏  举报