javascript - Can HighChart support multiple graph types in a single drilldown? -
from following fiddle can implement drilldown in highcharts :http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/drilldown/basic/
code:
$(function () { // create chart $('#container').highcharts({ chart: { type: 'column' }, title: { text: 'basic drilldown' }, xaxis: { type: 'category' }, legend: { enabled: false }, plotoptions: { series: { borderwidth: 0, datalabels: { enabled: true } } }, series: [{ name: 'things', colorbypoint: true, data: [{ name: 'animals', y: 5, drilldown: 'animals' }, { name: 'fruits', y: 2, drilldown: 'fruits' }, { name: 'cars', y: 4, drilldown: 'cars' }] }], 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] ] }] } }); });
but requirement when perform drill down, need show multiple charts showing same data, example spline bar chart. tried lots of trial , error, no luck. possible implement kind of feature highcharts or other jquery plugins? kindly share thoughts.
my existing graph highcharts :
it's combination of bar , spline.
when click bar, should result in following drilldown view:
please achieve this.
Comments
Post a Comment