Вопросы Теги

Можно ли создать графику с помощью Google Charts, где каждый столбец имеет несколько категорий?

Будьте осторожны с порядком путей поиска в каркасе. У меня был еще один проект, в котором я ссылался на модули, у которых была другая версия библиотеки фреймворков, и потому, что этот проект был выше в ранжировании пути поиска в каркасе, он также собирал неправильные файлы заголовков.

0
задан Julián 18 February 2019 в 22:25
поделиться

1 ответ

чтобы узнать подробности о Утре, Ночи и & amp; В воскресенье, чтобы отобразить над столбцами,
необходимо использовать роль столбца 'tooltip' .
столбец всплывающей подсказки принимает тип данных 'string'.

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

google.charts.load('current', {
  packages: ['corechart']
}).then(function () {
  var data = google.visualization.arrayToDataTable([
    ['Month', 'Boards', {type: 'string', role: 'tooltip'}, 'Chairs', {type: 'string', role: 'tooltip'}, 'Speakers', {type: 'string', role: 'tooltip'}],
    ['January', 1090, '80 in the Morning\n1,000 in the night\n10 Sundays', 580, '20 in the Morning\n5000 in the night\n60 Sundays', 62, '40 in the Morning\n10 in the night\n12 Sundays'],
    ['February', 350, '30 in the Morning\n300 in the night\n20 Sundays', 143, '22 in the Morning\n60 in the night\n61 Sundays', 145, '90 in the Morning\n33 in the night\n22 Sundays'],
  ]);

  var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
  var options = {
    colors: ['#ffa726', '#7e57c2', '#7cb342'],
    height: 400,
    legend: {
      position: 'bottom'
    },
    tooltip: {
      trigger: 'both'
    }
  };

  // add selection to make tooltip visible when drawn
  google.visualization.events.addListener(chart, 'ready', function () {
    chart.setSelection([{row: 0, column: 1}]);
  });

  chart.draw(data, options);
});
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>

0
ответ дан WhiteHat 18 February 2019 в 22:25
поделиться
Другие вопросы по тегам:

Похожие вопросы: