Google visualization 使用google visualization为子类别绘制单独的条形图
我正在尝试使用谷歌可视化绘制条形图。我有11个类别，在这11个类别中，有4个有子类别。不同类别的子类别不同。例如：Google visualization 使用google visualization为子类别绘制单独的条形图,google-visualization,Google Visualization,我正在尝试使用谷歌可视化绘制条形图。我有11个类别，在这11个类别中，有4个有子类别。不同类别的子类别不同。例如： a） 录像带 一,。子类别：Netflix、YouTube、Vimeo、Vine、， 每日运动 b） 电子邮件和消息 一,。子类别：gmail、hotmail、， 胡说八道 我的要求是，当在条形图上单击一个类别时，子类别将显示为另一个条形图。 使用谷歌可视化可以做到这一点吗？请让我知道 或者有没有其他方法可以解决这个问题？下面是一个非常简单的例子，说明您可以做什么： goo
- a） 录像带
- 一,。子类别：Netflix、YouTube、Vimeo、Vine、， 每日运动
- b） 电子邮件和消息
- 一,。子类别：gmail、hotmail、， 胡说八道
或者有没有其他方法可以解决这个问题？下面是一个非常简单的例子，说明您可以做什么：
google.setOnLoadCallback（绘图图）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
['Category'，'Value']，
[“视频”，1000]，
['Mail'，1170]
]);
var chart=new google.visualization.BarChart（document.getElementById（'chart_div'））；
google.visualization.events.addListener（图表'select'，函数（）{
var selection=chart.getSelection（）；
if（selection.length==1）{
var row=选择[0]。行；
var col=selection[0]。列；
var cat=data.getValue（行，0）；
抽芯（cat）；
}
})
绘制图表（数据，{}）；
}
功能图（cat）{
var arr=[['子类别'，'值']]；
如果（cat==‘视频’）{
arr.push（['Youtube'，700]，'DailyMotion'，300]）；
}否则，如果（cat==“邮件”）{
arr.push（['Gmail'，600]，'Hotmail'，570]）；
}
var data=google.visualization.arrayToDataTable（arr）；
var chart=new google.visualization.BarChart（document.getElementById（'chart_div2'）；
绘制图表（数据，{}）；
}