假设我有一个像这样的数据表:
drivingData.addColumn('string', 'VehicleGroup');
drivingData.addColumn('number', 'TimeType');
drivingData.addColumn('number', 'TimeTarget');
drivingData.addColumn('number', 'TimeUsed');
然后我像这样添加4行:
drivingData.addRow(['Trucks-S',0, 1000, 1200])
drivingData.addRow(['Trucks-F',1, 300, 500])
drivingData.addRow(['Trailer-S',0, 1200, 1500])
drivingData.addRow(['Trailer-F',1, 100, 500])
我想要一个'堆积'柱形图 . 第一个显示Trucks-S,TimeType为0,黄色和橙色 . 第二个将显示具有灰色和浅灰色的TimeType 1的Trucks-F .
第三个将再次是黄色和橙色,第四个灰色和浅灰色等等......
这可能吗?
1 回答
请求的图表仅作为材料条形图提供
材料 - >
google.charts.Bar
-packages: ['bar']
经典 - >
google.visualization.ColumnChart
-packages: ['corechart']
你可以将材料条形图分成多个堆栈,
通过将一组系列分配给不同的y轴
这是通过使用
series
选项完成的这将在图表的右侧创建第二个轴,
默认情况下会有不同的比例
保持两个y轴同步,分配一个特定的视图窗口
请参阅以下工作代码段...
注意:请记住,
Material Chart不支持多种配置选项
见 - > Tracking Issue for Material Chart Feature Parity
EDIT
isStacked: 'percent'
目前不受材料图表的支持若要解决此问题,请在绘制图表之前手动转换数据
请参阅以下工作代码段,
y轴列将以两个为一组进行转换...