Как нарисовать линейную диаграмму с несколькими значениями на столбец, используя Google Graph API

Я хочу нарисовать линейный график с помощью Google Graph API таким образом, как

 I have 24 values mean (1 day = 24 hours) in x-axis from 0 to 23
 And i have 3 column in y-axis today , yesterday and week.

Поэтому я хочу отображать значения, такие как 12 значений на сегодня, вчера и неделю в течение одного часа дня.

Например, у меня есть 6 часов, тогда в оси Y должны отображаться макс. 36 значений. Каждое на сегодня, неделю и вчера.

Как я могу сделать это, используя этот код ниже.

 <html>
  <head>
   <script type="text/javascript" src="https://www.google.com/jsapi"></script>
   <script type="text/javascript">
  google.load("visualization", "1", {packages:["corechart"]});
  google.setOnLoadCallback(drawChart);
  function drawChart() {
      var data = google.visualization.arrayToDataTable([
          ['Year', 'Sales', 'Expenses'],
          ['2004',  1000,      400],
          ['2004',  1011,      420],
          ['2004',  1004,      430],
          ['2005',  1170,      460],
          ['2006',  660,       1120],
          ['2007',  1030,      540]
      ]);

      var options = {
          title: 'Company Performance' ,
          hAxis: { minValue: 0, maxValue: 15},
          vAxis: { minValue: 0, maxValue: 15},
          legend: 'none'

      };

      var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
      chart.draw(data, options);
  }
 </script>
</head>
 <body>
     <div id="chart_div" style="width: 680px; height: 285px;margin-top: 10px;margin-left: 10px;"></div>
  </body>
 </html>

Спасибо

0 ответов

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