我的应用程序中有两个高图,一个是柱形图,另一个是饼图.在第一个柱形图中,我显示了多年来的汽车销售情况,并且在一年内向下钻取时显示销售额为几个季度.然后是一个单独的饼图,显示按地区划分的汽车销售情况.在向下钻取一个区域时,它显示所选区域中子区域的汽车销售.我想要的是同步这两个图表.例如,最初的柱形图显示了多年的销售额,饼图显示了区域内的销售额.当我点击一年时,它应向下钻取以按季度显示销售额,饼图也应该更新以按区域显示销售额,但仅在列图表中显示该选定年份.我尝试了几种方法,但无法得到解决方案.有没有解决这个问题.
以下是我使用的示例代码. https://jsfiddle.net/yasirunilan/erqm86k7/15/
// Create the chart
Highcharts.chart('container', {
chart: {
type: 'column'
},
title: {
text: 'Car Sales'
},
xAxis: {
type: 'category'
},
yAxis: {
title: {
text: 'Total percent Car Sales'
}
},
legend: {
enabled: false
},
plotOptions: {
series: {
borderWidth: 0,
dataLabels: {
enabled: true,
format: '{point.y:.1f}%'
}
}
},
tooltip: {
headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
},
"series": [
{
"name": "Years",
"colorByPoint": true,
"data": [
{
"name": "2015", …Run Code Online (Sandbox Code Playgroud)