Javascript 谷歌图表：如何使用新材质图表的仪表板？

它似乎只是使用旧的方式来加载它的库，就像“经典图表”使用的方式一样。我怎样才能得到一个仪表板来使用新的“材料”谷歌图表？特别是

材料图表JSFIDLE：

仪表板jsiddle：

我的猜测是

  google.charts.load('current', {'packages': ['line', 'controls']});

---

但这似乎不管用

在这里似乎管用

只需在ChartWrapper

chartType

中指定物料图表即可

'chartType'：'Line'，

vs

'chartType'：'LineChart'，

使用与此处指定的类名相同的类名-->

new google.charts.->Line（document.getElementById（'chart\u div'））

从

google.charts.load（'current'，{'packages'：['line'，'controls']}）；
google.charts.setOnLoadCallback（drawStuff）；
函数drawStuff（）{
var dashboard=new google.visualization.dashboard(
document.getElementById（'programmatical_dashboard_div'）；
//我们省略了“var”，以便programmaticSlider对changeRange可见。
programmaticSlider=新的google.visualization.ControlWrapper({
“controlType”：“NumberArrangeFilter”，
“containerId”：“程序控制分区”，
“选项”：{
'filterColumnLabel'：'Donuts Earted'，
'ui'：{'labelStacking'：'vertical'}
}
});
programmaticChart=新的google.visualization.ChartWrapper({
“图表类型”：“行”，
“集装箱运输”：“程序图表”部门，
“选项”：{
“宽度”：300，
‘高度’：300，
“图例”：“无”，
'chartArea'：{'left'：15，'top'：15，'right'：0，'bottom'：0}，
“文本”：“值”
}
});
var data=google.visualization.arrayToDataTable([
['Name'，'Donuts eated']，
[Michael'，5]，
[Elisa'，7]，
['Robert'，3]，
[John'，2]，
['Jessica'，6]，
[Aaron'，1]，
[Margareth'，8]
]);
dashboard.bind（programmaticSlider、programmaticChart）；
仪表盘.绘图（数据）；
}

选择范围[2,5]


将饼图制作为3D
函数changeRange（）{
programmaticSlider.setState（{'lowValue'：2，'highValue'：5}）；
programmaticSlider.draw（）；
}
函数changeOptions（）{
programmaticChart.setOption（'is3D'，true）；
programmaticChart.draw（）；
}