Добавление строки в комбинированную диаграмму Google - PullRequest
Новая
       9

Добавление строки в комбинированную диаграмму Google

0 голосов
/ 01 марта 2019

У меня есть комбо-диаграмма, отображающая имена сотрудников по оси x и количество принятых им праздничных дней. Я хочу добавить строку в диаграмму, чтобы отобразить максимальное количество выходных, которое они могут взять, равное 20. Каквручную добавьте это в график ниже мой код 

<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(drawVisualization);

  function drawVisualization() {
    // Some raw data (not necessarily accurate)
    var data = google.visualization.arrayToDataTable([
       ['Employee', 'Holiday Days Taken'],
       <?php 
     while($row=$res->fetch_assoc())
     {
        echo "['".$row["name"]."',".$row["Holidays_taken"]."],"; 
     }
     ?>
                 
                    ]);
                       data.addColumn('number', 'Average');
                        data.addRows([
    [null, null, 20]
    
]);
                 

    var options = {
      title : 'Monthly Coffee Production by Country',
      vAxis: {title: 'No. of Holidays Taken'},
      hAxis: {title: 'Employee'},
      seriesType: 'bars',
      series: {5: {type: 'line'}}
    };

    var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
    chart.draw(data, options);
  }
</script>

любая помощь будет оценена, спасибо!

1 Ответ

0 голосов
/ 01 марта 2019

чтобы добавить строку в комбинированную диаграмму,
добавить еще один столбец в таблицу данных для макс.
, затем добавить максимальное значение в каждую строку ... 

var data = google.visualization.arrayToDataTable([
  ['Employee', 'Holiday Days Taken', 'Max'],
  ['Jim', 5, 12],
  ['Bob', 3, 12],
  ['Tom', 6, 12],
]);

inв параметрах диаграммы измените тип ряда для max на line.
номер серии - это нулевой индекс столбца оси y в таблице данных.
в этом случае есть два столбца оси y
, поэтому серийный номер 1 ... 

series: {1: {type: 'line'}}

см. Следующий рабочий фрагмент ... 

google.charts.load('current', {
  packages: ['corechart']
}).then(function () {
  var data = google.visualization.arrayToDataTable([
    ['Employee', 'Holiday Days Taken', 'Max'],
    ['Jim', 5, 12],
    ['Bob', 3, 12],
    ['Tom', 6, 12],
  ]);

  var options = {
    title : 'Monthly Coffee Production by Country',
    vAxis: {title: 'No. of Holidays Taken'},
    hAxis: {title: 'Employee'},
    seriesType: 'bars',
    series: {1: {type: 'line'}}
  };

  var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
  chart.draw(data, options);
});
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>
...