谷歌图表堆叠柱形图。如何风格每个单独的堆叠物品（数据系列）

我已经建立了谷歌图表堆叠柱形图。我能够注释每个堆叠物品。说到造型每个栏目时，只有最后一个堆放的项目才会生效。最后入栈项目谷歌图表堆叠柱形图。如何风格每个单独的堆叠物品（数据系列）

工作代码：

// Create the data table. 
var data = google.visualization.arrayToDataTable([ 
    ['Genre', '', "Label", { role: 'annotation', role:'style' } ], 
    ['column1', 5, 11, 31, 'opacity: 0.2'], 
    ['column2', 5, 12, 32, 'opacity: 0.2'], 
    ['column3', 5, 13, 33, 'opacity: 0.2'], 
    ['column4', 5, 14, 34, 'opacity: 0.2'], 
    ['column5', 5, 15, 35, 'opacity: 0.2'], 
    ['column6', 5, 26, 36, 'opacity: 0.2'] 
]);

我的代码发挥周围有很多，但总是收到一个错误。我想为每个数据行（堆叠列）中的每个数据系列应用样式。

来源

2015-04-01 Jin

至少何况，如果你指望别人帮你是什么错误。 – Kris 2015-04-01 14:35:59

设置所有图表的样式，如最后一个图表。

var data = google.visualization.arrayToDataTable([ 
    ['Genre', 'Label1', { role: 'annotation', role:'style' }, 'Label2', { role: 'annotation', role:'style' }, 'Label3', { role: 'annotation', role:'style' } ], 
    ['column1', 5, 'opacity: 0.2', 11, 'opacity: 0.2', 31, 'opacity: 0.2'], 
    ['column2', 5, 'opacity: 0.2', 12, 'opacity: 0.2', 32, 'opacity: 0.2'], 
    ['column3', 5, 'opacity: 0.2', 13, 'opacity: 0.2', 33, 'opacity: 0.2'], 
    ['column4', 5, 'opacity: 0.2', 14, 'opacity: 0.2', 34, 'opacity: 0.2'], 
    ['column5', 5, 'opacity: 0.2', 15, 'opacity: 0.2', 35, 'opacity: 0.2'], 
    ['column6', 5, 'opacity: 0.2', 26, 'opacity: 0.2', 36, 'opacity: 0.2'] 
]);

jsfiddle

PS：你忘了标签阵列中的一个指数

来源

2015-04-01 14:33:06 R3tep

令人惊叹，谢谢你！也感谢您的快速反应:) – Jin 2015-04-01 14:38:58

再次感谢R3tep，不知道协议是什么，因为这是我第一次发布，但我有另一个问题。我希望第一堆的列完全不可见，所以第二个和第三个堆栈似乎是浮动的。我需要这样做的原因是因为我想制作一个谷歌尚未开发的瀑布图。将不透明度设置为0使其不可见，但是当您将鼠标悬停在这些透明列上时，可以看到它突出显示数字和注释。你怎么能完全隐藏它，看起来好像没有第一排堆叠柱。谢谢！ – Jin 2015-04-01 16:10:20

我建议你发布一个新问题。这显然是一个新问题;） – R3tep 2015-04-01 16:16:10

谷歌图表堆叠柱形图。如何风格每个单独的堆叠物品（数据系列）

回答

相关问题