when we make a chart, we sometimes need to add links or click events to individual data, which is set in events in Plotoptions.
Plotoptions: { pie: { cursor: ' pointer ', events: { click:function (e) {location.href = E.point.url;// Above is the current page jump, if you want to jump out of the new page, then use //window.open (e.point.url); Here the URL is given in the following data in the }}, }},series: [{ data: [ {Name: ' Property Group ', Y:76,url: ' http://www.baidu.com '}, {name: ' energy group ', Y:54,url: ' http://www.google.com '}, { {name: ' Internet ', Y:20,url: ' Http://www.sohu.com '}}]
The above is for the pie chart, if it is a column chart then replace pie:{} with column: {}
Of course, if you switch to series:{, then you don't have to be a pie chart or a bar chart or any other graphic.
Plotoptions: { series: { cursor: ' pointer ', events: { click:function (e) {location.href = E.point.url; //above is the current page jump, if you want to jump out of the new page, then use //window.open (e.point.url); Here the URL is given in the following data in the }}, }},series: [{ data: [ {Name: ' Property Group ', Y:76,url: ' http://www.baidu.com '}, {name: ' energy group ', Y:54,url: ' http://www.google.com '}, { {name: ' Internet ', Y:20,url: ' Http://www.sohu.com '}}]
Highcharts Column chart pie chart plus URL or click event