Максимальное значение калибровочной диаграммы

Вот код простой Google Gaude Chart, скопированный с Google Code Play.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>
      Google Visualization API Sample
    </title>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load('visualization', '1', {packages: ['gauge']});
    </script>
    <script type="text/javascript">
      function drawVisualization() {
        // Create and populate the data table.
        var data = google.visualization.arrayToDataTable([
          ['Label', 'Value'],
          ['Memory', 80],
          ['CPU', 55],
          ['Network', 68]
        ]);

        // Create and draw the visualization.
        new google.visualization.Gauge(document.getElementById('visualization')).
            draw(data);
      }


      google.setOnLoadCallback(drawVisualization);
    </script>
  </head>
  <body style="font-family: Arial;border: 0 none;">
    <div id="visualization" style="width: 600px; height: 300px;"></div>
  </body>
</html>

Как изменить максимальное значение для этих датчиков? Когда я дал var options = { max: 500}; в опциях установлено 500 для всех трех датчиков. Но возможно ли дать разные максимумы для разных датчиков.

1 ответ

Решение

Сделайте 3 разных калибровочных графика. Вы можете использовать один и тот же DataTable, но использовать только одну строку для каждой отдельной диаграммы, используя DataView. В настоящее время нет способа установить значения датчиков индивидуально в API. Смотрите эту ветку с 2011 года в группах Google, в которой говорится то же самое.

(Скорее всего, это не очень высокий приоритет. Если вы хотите сделать это проще, вы можете использовать Control Wrappers, чтобы связать их все без отдельных DataViews)

Другие вопросы по тегам