Charts 使用谷歌图表创建包含不同数据的单条
我可以用谷歌图表创建这些类型的图表吗?我可以在上面设置目标 这些图表是条形图。我没有发现任何可以制作这种条形图的东西,或者这是一种完全不同的图表类型 编辑Charts 使用谷歌图表创建包含不同数据的单条,charts,google-visualization,Charts,Google Visualization,我可以用谷歌图表创建这些类型的图表吗?我可以在上面设置目标 这些图表是条形图。我没有发现任何可以制作这种条形图的东西,或者这是一种完全不同的图表类型 编辑 我找到了解决办法。这些是堆叠条形图。但我仍然没有找到如何将目标放在顶部的方法。使用组合图,将系列设置为。为“待定”、“损失”和“赢”系列键入“条形图”。对于“目标”系列,将series..type设置为'steppedArea'并将series..opacity设置为0。将connectSteps选项设置为false。这里有一种方法,假设您的
我找到了解决办法。这些是堆叠条形图。但我仍然没有找到如何将目标放在顶部的方法。使用组合图,将
系列设置为。为“待定”、“损失”和“赢”系列键入“条形图”
。对于“目标”系列,将series..type
设置为'steppedArea'
并将series..opacity
设置为0
。将connectSteps
选项设置为false
。这里有一种方法,假设您的数据顺序为“赢”、“输”、“挂起”、“目标”:
我找到了解决办法。这些是堆叠条形图。
var chart = new google.visualization.ComboChart(document.querySelector('#chart_div'));
chart.draw(data, {
height: 400,
width: 600,
isStacked: true,
connectSteps: false,
series: {
0: {
// Won
type: 'bars'
},
1: {
// Loss
type: 'bars'
},
2: {
// Pending
type: 'bars'
},
3: {
// Target
type: 'steppedArea',
areaOpacity: 0
}
}
});