Я использовал все трюки в коробке. После прочтения всех статей справки, которые я нашел, я думал, что этот код действительно должен работать. Но он никогда не окрашивает мои бары. Что я делаю не так?Google Chart Цвет отдельных баров
google.charts.load('current', {
packages: ['corechart', 'bar']
});
google.charts.setOnLoadCallback(drawDualX);
function drawDualX() {
var data = google.visualization.arrayToDataTable([
['Date', 'Elevation', {
role: 'style'
}],
['2016-08-06T08:09:47Z', 1977.4, 'color: yellow'],
['2016-08-06T08:13:29Z', 1981, 'color: green'],
['2016-08-06T08:14:08Z', 1986.9, 'color: yellow'],
['2016-08-06T08:14:22Z', 1988.9, 'color: green'],
['2016-08-06T08:14:25Z', 1989.2, 'color: green'],
['2016-08-06T08:14:29Z', 1989.7, 'color: yellow'],
['2016-08-06T08:14:32Z', 1990.1, 'color: green'],
]);
var options = {
chart: {
title: 'Elevation Chart',
},
bars: 'vertical'
};
\t
\t
var material = new google.charts.Bar(document.getElementById('chart_div'));
material.draw(data, options);
}
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>
[здесь лучшее объяснение ваших вариантов] (http://stackoverflow.com/a/36452554/5090771) - если вам нужен _actual Material chart_ ('.Bar') - см. Диаграмму 4 - просто нужно преобразовать строки в столбцы, а затем использовать опцию конфигурации« colors »... – WhiteHat