score:4
At this moment 2 / 3 levels are available. See the example: http://jsfiddle.net/6LXVQ/1/
series: [{
name: 'Things',
colorByPoint: true,
data: [{
name: 'Animals',
y: 5,
drilldown: 'animals'
}]
}],
drilldown: {
series: [{
id: 'animals',
name: 'Animals',
data: [
{name: 'Cats',
y: 4,
drilldown: 'cats'},
['Dogs', 2],
['Cows', 1],
['Sheep', 2],
['Pigs', 1]
]
}, {
id:'cats',
data: [1,2,3]
}]
}
score:9
have a look at http://jsfiddle.net/6LXVQ/97/ for a 3 level example
series: [{
id: 'toplevel',
name: 'Animals',
data: [
{name: 'Cats', y: 4, drilldown: 'level1'},
{name: 'Dogs', y: 2},
{name: 'Cows', y: 1},
{name: 'Sheep',y: 2},
{name: 'Pigs', y: 1}
]
}],
drilldown: {
series: [ {
id:'level1',
name: 'Level 1',
data: [
{name: 'Trees', y: 1},
{name: 'Plants', y: 2},
{name: 'Grass', y: 3},
{name: 'Deeper', y: 4, drilldown: 'level2'}
]
},{
id:'level2',
name: 'Level 2',
data: [
{name: 'Green', y:1},
{name: 'Red', y:2},
{name: 'Blue', y:3},
{name: 'Deeper', y: 4, drilldown: 'level3'}
]
},{
id: 'level3',
name: 'Level 3',
data: [
{name:'Yes', y:1},
{name:'it',y:2},
{name:'works', y:3}
]
}]
}
Source: stackoverflow.com
Related Query
- Is multiple level Highchart Drilldown possible in adjacent charts?
- Highchart multiple level drilldown click event get drilldown series data
- Manage multiple highchart charts in a single webpage
- Drilldown multiple levels Highchart
- How to use drilldown upto level 3 with different charts on each level in highcharts?
- Highchart multiple axes - sync axes on multiple charts
- drilldown charts with more than one level
- 3d High Charts Multiple Series inside of Drilldown
- Highchart multiple bar charts in a single webpage
- Highcharts drilldown to pie chart - Clicking on axis label with multiple series causes pie charts to overlap
- Highchart Drilldown Multiple Layers
- Column based Highchart drilldown series assign color code to each column
- Highchart - adding more series to one of multiple synced highstock charts
- Highchart drilldown to simultaneous multiple series and y-axis
- Highcharts multiple charts drilldown
- how to display drilldown column highchart using json array objects - 3 level drilldown column highchart
- How to drilldown multi-series spline charts multiple levels in HighCharts
- How to drilldown a pie highchart into multiple containers using renderTo or redraw method?
- Drilldown multiple levels and multiple type Highchart
- Can we manage multiple highchart charts in a single function by changing type in chart drawing functionm
- Tooltip issue on adjacent Highchart charts
- 3 level Drilldown of a column chart in highchart?
- Background color for multiple Highchart panes, in Vue app
- Optimize JavaScript DrillDown code
- Polymer Template Repeat Over Multiple Charts
- Highcharts - multiple charts
- Own back button for drilldown charts
- Is it possible update Highchart data automatically and make animated effect?
- Multiple series in HighStock charts
- Highchart axis max with multiple axes
More Query from same tag
- How to set "Y" position in label Highcharts
- Highcharts: Polar chart does not display series correctly in dinamically loaded data
- High Chart progress bar/Status bar
- How to change the graph
- Highcharts pointPlacement ignored in version 2.3.5
- Heatmap multiple data labels for the same axis in dynamic way using javascript
- Highcharts-exporting-server gives - phantom - queue is full, dropping request Error
- How to make json array name series name, array data -series data in highcharts?
- Problem injecting variable-pie chart with highcharts-export-server
- Highchart : xaxis Adding extra Dates randomly
- Export Highcharts code from jsfiddle
- Dynamically changing Highcharts Theme through Jquery code not working
- How to show sum of all visible series' data dynamically
- Highstock chart not loading with sample data
- Highstock + angular material + flex-layout problems
- Feeding a combo highchart from Google Spreadsheet or json
- Legend and Axis titles not showing in Highcharts Graph
- How to correspond tooltip title with the legends at the bottom in Highcharts?
- Using the source version instead of mimified when import lib with reactjs and npm
- Highcharts Pie chart how to reduce space between chart and legend caused by plot width
- Snap the mouse to the X and Y axes
- How to get current width of highcharts column
- How to change data format?
- How can I pass values from Highcharts event callbacks (click, mouseOver, mouseOut) back to React component member function?
- Highcharts, tooltip on hover listing datapoints that do not exist, is it an approximation?
- Highcharts Zoom in Logarithmic Scale
- HighCharts fitting long Y-axis labels
- How to breaks highcharts x-Axis category
- How can I update the data in highcharts for both x axis & y axis?
- Remove step line points