Как изменить цвет линии на оси Google Dual-Y - PullRequest
Новая
       8

Как изменить цвет линии на оси Google Dual-Y

0 голосов
/ 05 ноября 2019

У меня есть график с двумя осями Y с использованием Google. Работает нормально. Мое требование состоит в том, что для одной линии (ТЕМП.) Цвет должен измениться, если он пересекает определенное значение (85). Смотрите мой код рабочей диаграммы ниже. Какой код следует добавить для этой функции изменения цвета? 

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['line', 'corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var button = document.getElementById('change-chart');
var chartDiv = document.getElementById('chart_div');
var data = new google.visualization.DataTable();
data.addColumn('date', 'Month');
data.addColumn('number', "RPM");
data.addColumn('number', "COOLANT TEMP");
data.addRows([
[new Date(2014, 0),  1600,  81],
[new Date(2014, 1),   1600,  90],
[new Date(2014, 2),   1600,   85]       
]);
var materialOptions = {
chart: {
title: 'RPM VS EXH COOLANT TEMP'
},
curveType: 'function',
width: 900,
height: 500,
series: {
0: {axis: 'RPM'},
1: {axis: 'COOLANT TEMP'}
},
};
var materialChart = new google.charts.Line(chartDiv);
materialChart.draw(data, materialOptions);
}
</script>
<div id="chart_div" style="width: 900px; height: 500px"></div>
...