Графическая диаграмма в диаграмме Google. Как стилизовать каждый отдельный сложный элемент (серия данных)

Question

Я построил диаграмму столбчатых диаграмм Google. Я могу комментировать каждый сложный элемент. Когда дело доходит до стилизации каждого элемента столбца, выполняется только последний сложный элемент.

рабочий код для последнего сложенных пункта:

// 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'] 
]); 

Я играл с кодом много, но всегда получаю ошибку. Я хотел бы применять стили для каждой серии данных в каждой строке данных (столбцы с колонками).

Answer 1

Устанавливает стиль для всех диаграмм, как и последний график.

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: Вы забыли один индекс в массиве этикетки