Javascript 使用Highcharts向下钻取超过1个子报表
我正在使用Highcharts的最新版本,即Highcharts 3.0.9,我需要进行多层次的深入研究。所提供的示例仅显示1级向下钻取 示例代码:Javascript 使用Highcharts向下钻取超过1个子报表,javascript,highcharts,Javascript,Highcharts,我正在使用Highcharts的最新版本,即Highcharts 3.0.9,我需要进行多层次的深入研究。所提供的示例仅显示1级向下钻取 示例代码: $('#container').highcharts({ chart: { type: 'column' }, title: { text: 'Basic drilldown' }, xAxis: { type: 'category' }, l
$('#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]
]
}]
}
})
代码的链接:
那么,如何使用新版本进行多层次的深入研究呢 你做得很好Hayu Rahiza 您所需要做的就是重复您在“向下钻取”部分的“系列”部分中所做的操作
{
name: 'Toyota',
y: 4,
drilldown: 'Toyota'
},{
id: 'Toyota',
data: [
['Corolla', 4],
['Fortuner', 2],
['Etios', 2],
['Liva', 10]
]
}
我已经更新了你的小提琴
我希望这会对你有所帮助。。非常感谢罢工者。