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