I am following below reference to create a column(bar) chart using React Highcharts with drilldown support.
https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/drilldown/basic/
Example:
drilldown: {
series: [{
id: 'animals',
data: [
['Cats', 4],
['Dogs', 2],
['Cows', 1],
['Sheep', 2],
['Pigs', 1]
]
}, {
id: 'fruits',
data: [
['Apples', 4],
['Oranges', 2]
]
}, {
id: 'cars',
data: [
['Toyota', 4],
['Opel', 2],
['Volkswagen', 2]
]
}]
}
`;`
However, I need to call an external URL on clicking Bar Chart or the Text on X-axis. (Customised Hyperlink for each plotted value)
I am open to use any other charting library also which supports the same.
Trie drilldown functionality available in React “Column” chart in highcharts. Also tried chart.js. But didn’t work.