$(function () {
// Create the chart
$('#container').highcharts({
chart: {
type: 'pie'
},
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]
]
}]
}
});
});
<div id="container" style="min-width: 310px; max-width: 600px; height: 400px; margin: 0 auto"></div>
附上需要引的js:
<script type="text/javascript" src="module/Library/Highcharts/highcharts.js"></script>
<script type="text/javascript" src="module/Library/Highcharts/highcharts-more.js"></script>
<script type="text/javascript" src="module/Library/Highcharts/modules/solid-gauge.js"></script>
<script type="text/javascript" src="module/Library/Highcharts/modules/exporting.src.js"></script>
<script type="text/javascript" src="module/Plugin/Highcharts/el.HChartsLang.js"></script>
大家可以去官网下载需要引的包,没找到这么发文件,尴尬,如果实用的话,记得好评