Как можно показать значения в баре - GoogleChart / SQL - PullRequest
Новая
       6

Как можно показать значения в баре - GoogleChart / SQL

1 голос
/ 26 марта 2020

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

Как я могу разместить значения на моей гистограмме?

Пользователь показал мне этот ответ, но в "var data = google.visualization.arrayToDataTable "Возвращает значения в строках 

  google.setOnLoadCallback(drawChart);

function drawChart() {
    var data = google.visualization.arrayToDataTable([
        ['Descr', 'Downlink', 'Uplink'],
        ['win7protemplate', 12, 5],
        ['S60', 14, 5],
        ['iPad', 3.5, 12], ]);

http://jsfiddle.net/heennkkee/rekso9t6/

Но у меня есть только 1 строка на счет, который извлекает это значение из MySQL

          google.load("visualization", "1", {packages:["barchart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
       ['quantidade_demanda','COUNT(Subclasse)'],

 <?php 

    $query = "SELECT COUNT(Subclasse), Subclasse AS quantidade_demanda FROM demandas_portal WHERE Categoria = 'Demanda Ambiental' GROUP BY Subclasse";



 $exec = mysqli_query($con,$query);
 while($row = mysqli_fetch_array($exec)){

 echo "['".$row['quantidade_demanda']."',".$row['COUNT(Subclasse)']."],";
 }
 ?> 

        ]);

Должен ли я добавить новую переменную? потому что у меня есть только эти опции 

var options = {
    colors: ['#00544d'],
    width: 500,
    height: 250

  }; 

        options.legend = 'none';

    var chart = new google.visualization.BarChart(document.getElementById('chart_demanda'));
    chart.draw(data,options);
  }

1 Ответ

0 голосов
/ 26 марта 2020

если вы имеете в виду отображение аннотаций на столбцах,
вам нужно добавить еще один столбец в таблицу данных,
с помощью роли аннотации ...

добавить роль аннотации к заголовок столбца, здесь ... 

  ['quantidade_demanda','COUNT(Subclasse)', {role: 'annotation', type: 'string'}],  // <-- add annoation role to column heading

затем повторить значение столбца как строку, здесь ... 

echo "['".$row['quantidade_demanda']."',".$row['COUNT(Subclasse)'].",'".$row['COUNT(Subclasse)']."'],";  // <-- add value of annotation, repeat column value as string

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

var data = google.visualization.arrayToDataTable([
  ['quantidade_demanda','COUNT(Subclasse)', {role: 'annotation', type: 'string'}],  // <-- add annoation role to column heading

  <?php
    $query = "SELECT COUNT(Subclasse), Subclasse AS quantidade_demanda FROM demandas_portal WHERE Categoria = 'Demanda Ambiental' GROUP BY Subclasse";
    $exec = mysqli_query($con,$query);
    while($row = mysqli_fetch_array($exec)){
      echo "['".$row['quantidade_demanda']."',".$row['COUNT(Subclasse)'].",'".$row['COUNT(Subclasse)']."'],";  // <-- add value of annotation, repeat column value as string
    }
  ?>

]);
...