__Hola, chicos. Estoy practicando en google charts. Y encontré un problema, que no puedo resolver. gráfico de google
Estoy usando etiquetas de garrapatas:
'vAxis': { marcas: [{ v: 720, f: '12:00' }
Y desea personalizar los colores para dos valores en la etiqueta de marca:
data.addRow( ['{{list[i][0]}}', { v: {{list[i][1][0]}}, f: '{{list[i][1][1]}} {**color: #335408**}Yest: + {{list[i][2]}}' }]¿Cómo puedo hacer esto?
Actualizar1:
<link rel="stylesheet" href="/static/main.css"> <script src="https://www.google.com/jsapi"></script> <script> // var list = {{ list|safe }} google.load("visualization", "1", {packages:["corechart"]}); google.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ ['', 'May'], ['', 0] ]); {% for i in range(list|length) %} data.addRow( ['{{list[i][0]}}', { v: {{list[i][1][0]}}, f: '{{list[i][1][1]}}' + '\n' + 'Yest: +{{list[i][2]}}' }] ); {% endfor %} var options = { title: 'Current month', hAxis: {title: ''}, vAxis: {title: 'H:Min'}, width: 1080, 'vAxis': { ticks: [{ v: 720, f: '12:00' }, { v: 1440, f: '24:00' }, { v: 2160, f: '36:00' }, { v: 2880, f: '48:00' }, { v: 3600, f: '60:00'}, { v: 4320, f: '72:00'}, { v: 5040, f: '84:00'}, { v: 5760, f: '96:00'}, { v: 6480, f: '108:00'}, { v: 7200, f: '120:00'}, { v: 7920, f: '132:00'}] } }; var chart = new google.visualization.ColumnChart(document.getElementById('oil')); chart.draw(data, options); }