Возможно ли иметь разные цвета фона легенды для разных строк данных в гистограмме Google, не нарушая диаграмму?
Смотрите пример кода:
var data = new google.visualization.DataTable();
data.addColumn('string', 'Mac');
data.addColumn('number', 'Score');
data.addColumn({ type: 'string', role: 'style' });
data.addRows([
['Mac model 12', 200, 'color: #8bba30; opacity: 0.75;'],
['Another Mac Model', 110, 'color: #ffcc33; opacity: 0.75;'],
]);
var options = {
title: '',
width: 500,
height: data.getNumberOfRows() * 40 + 100,
hAxis: {
minValue: 0,
maxValue: 255,
ticks: [0, 75, 150, 255],
textPosition: 'out',
side: 'top'
},
series: {
0: { axis: 'Mac' },
1: { axis: 'Score' }
},
chartArea: {
top: 0,
bottom: 50,
right: 50,
left: 150
},
legend: { position: 'none' },
fontSize: 12,
bar: {groupWidth: '75%'},
};
var chart = new google.visualization.BarChart(document.getElementById('apple_div'));
chart.draw(data, options);
}
Это вывод:
Видите, есть разные цвета для разных баров. Но я хочу другой цвет и / или цвет фона для разных легенд на левой стороне.
Может ли кто-нибудь помочь мне с этим, пожалуйста?
Я нашел следующий ответ,Можно ли отобразить каждую легенду в разные цвета в круговой диаграмме Google.
Но он предлагает разбить диаграмму (то есть нарисовать отдельные диаграммы для каждой строки), что нежелательно, так как имеется большое количество строк.