score:1
This data structure doesn't is quite messy, but I assumed that you cannot change it. Try to use this solution:
events: {
drilldown: function(e) {
console.log(e.point.name)
if (!e.seriesOptions) {
var chart = this,
drilldowns = {
'Bob': {
name: 'Low',
color: '#3150b4',
data: [{
name: data.clus[0]['top_level'][0].name,
y: data.clus[0]['top_level'][0].amount.low,
drilldown: true
}]
},
'Andy': {
name: 'Low',
color: '#3150b4',
data: [{
name: data.clus[0]['top_level'][0]['low_level'][0].name,
y: data.clus[0]['top_level'][0]['low_level'][0].amount.low,
drilldown: true
}]
}
},
drilldowns2 = {
'Bob': {
name: 'Sweet',
color: '#50B432',
data: [{
name: data.clus[0]['top_level'][0].name,
y: data.clus[0]['top_level'][0].amount.sweet,
drilldown: true
}]
},
'Andy': {
name: 'Sweet',
color: '#50B432',
data: [{
name: data.clus[0]['top_level'][0]['low_level'][0].name,
y: data.clus[0]['top_level'][0]['low_level'][0].amount.sweet,
drilldown: true
}]
}
},
series = drilldowns[e.point.name],
series2 = drilldowns2[e.point.name];
chart.addSingleSeriesAsDrilldown(e.point, series);
chart.addSingleSeriesAsDrilldown(e.point, series2);
chart.applyDrilldown();
}
}
}
Source: stackoverflow.com
Related Query
- Highcharts stacked column chart 3 level drilldown from JSON
- Highcharts Stacked Column chart from JSON not charting correct values
- Remove gap in Highcharts column chart from null value from JSON file in React
- create column chart in highcharts dynamically from json data
- I want to add a line from each part in column in a Highcharts stacked column chart
- 3 level Drilldown of a column chart in highchart?
- Highcharts Column chart with drilldown, remove hyperlink like formatting from x-axis labels
- Hide 0 values in Stacked Column Chart in Highcharts
- highcharts - precision for stacked column chart data labels
- How to format my json data for stack column chart in HighCharts
- Highcharts multiple column chart with drilldown, correct formatting of drilldown axes
- HighCharts Data Structure - Multiple Independent Series, Stacked Column Chart
- Drilldown for grouped column chart in highcharts
- Highcharts - column chart with drilldown to waterfall
- Convert Highcharts stacked daily column from "day" to "month" view
- How to generate highcharts chart from multiple local json files
- Highcharts - position column chart from the top
- Highcharts stacked column chart is missing some values?
- passing json values to highcharts from .net code behind
- Stacked column inside drilldown - HighCharts
- how to add new index Highcharts column drilldown chart
- Highcharts polar chart wind rose data from JSON
- Highcharts column chart color by single color but with different brightness level as per respective column value
- How to change color of bar in column chart with different level of percentage in highcharts
- How to have first level as column chart and second level as Fixed placement columns in drill down highcharts
- Highcharts Stacked Column chart change legendItemClick function
- How to modify Column stacked percent Chart in Highcharts
- Highcharts drilldown in stacked area chart
- Highcharts chart dynamic json data from sql
- Extract data series from a JSON array for a Highcharts chart with 2 y-axis
More Query from same tag
- Highstock chart not loading with sample data
- Highchart heatmap grouped category plugin styling issues
- Highchart export server prevent 0 value in the pdf
- Get the currently selected range from RangeSelector in Highstock
- How to format datetime for (x,y) pair data for Highcharts
- js timeseries/waterfall graph within table
- Highstock chart not displaying with inital zero value with percent option
- Function does not work on first render instead the series is generated after the subsequent renders
- Spline rendered behind column chart
- Highcharts: Positioning the toolip with chart.plotLeft
- When changing data, why is the data reduced every time the button is pressed?
- nGradient effect with negative values on highcharts
- Highcharts: multiple yAxes labels overlap
- Extended Highcharts Boxplot to include mean line - how to remove extra line on resize?
- BUG? RangeSelector Buttons not working correctly
- Why does highcharts sankey chart sometimes combine multiple nodes with same node name but different Id into one and hide the lines?
- Column spacing in Highcharts
- Highcharts - Place the y-axis plot-line label outside the chart area
- Parsing ALL Highcharts Options from JSON
- new Highcharts.Chart creating trouble. Why?
- Highstock charts error: this.labelBBox is undefined line 30
- Trying to get highcharts export to work on app engine
- arrow of line chart highcharts
- Add vertical(projection) line from point to categories, highcharts
- Highchart and "almost regular" time interval data
- How to avoid Webdatarocks filter function to avoid linking filter in charts and Pivot table
- Highcharts export server does not export labels
- How can I get the max value of a y axis at highcharts?
- How to add custom fields to existing highcharts annotation
- Change Highstocks.js Y axis value