Как назначить пользовательский цвет в столбце диаграммы Google на основе значения (Django) - PullRequest
0 голосов
/ 23 апреля 2020

У меня есть значения:

m=72
n=34
z=59

Я получил столбчатую диаграмму Google:

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
               <script type="text/javascript">
                 google.charts.load("current", {packages:['corechart']});
                 google.charts.setOnLoadCallback(drawChart);
                 function drawChart() {
                   var data = google.visualization.arrayToDataTable([
                     ["Apple", {{m}}, "green"],
                     ["Orange", {{n}}, "red"],
                     ["Grape", {{z}}, "orange"],);

                   var view = new google.visualization.DataView(data);
                   view.setColumns([0, 1,
                                    { calc: "stringify",
                                      sourceColumn: 1,
                                      type: "string",
                                      role: "annotation" },
                                    2]);

                   var options = {title: "Fruits",width: 1000, height: 400, bar: {groupWidth: "95%"},};

                   var chart = new google.visualization.ColumnChart(document.getElementById

("columnchart_values"));chart.draw(view, options);}
               </script>
              <div id="columnchart_values" style="width: 900px; height: 300px;"></div>

Я хочу раскрасить значения m, n или z следующим образом:

if value (m,n or z) more than 70 color green
if value (m,n or z) more than 50 but less than 70 color orange
if value (m,n or z) less than 50 color red

Любая помощь приветствуется.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...