如何修改Google图表?

发布于 2025-02-09 20:57:12 字数 1066 浏览 0 评论 0原文

您好,我刚刚意识到我的Google图表,但我想修改它。

  1. 我想更改日期显示,我想要更可读的内容。
  2. 我喜欢扭转
  3. 我喜欢 /10风速的

图表,您能帮我吗? 谢谢。

<script type="text/javascript">
  google.charts.load('current', {'packages':['corechart']});
  google.charts.setOnLoadCallback(graph24h);

  function graph24h() {
    var data = google.visualization.arrayToDataTable([
      ['Date', 'Température', 'Vent Moyen', 'Humidité'],


      <?php 
           $chartQuery = "SELECT * FROM ZiMeteo ORDER BY ID DESC LIMIT 144";
           $chartQueryRecords = mysqli_query($connect, $chartQuery);
                while ($row = mysqli_fetch_assoc($chartQueryRecords)) {
                     echo "['".$row['Date']."',".$row['TmpExt'].",".$row['Vents'].",".$row['HumExt']."],";
                }
       ?>
       ]);

    var options = {
      title: 'Evolution sur 24 h',
      
      legend: { position: 'bottom' }
    };

    var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));

    chart.draw(data, options);
  }

Hello i just realised my google chart but i'd like to modify it.

  1. i'd like to change the date display i would like something more readable.
  2. i d like to reverse the chart
  3. i d like to /10 wind speed

Can you help me ?
Thanks.

graphique last 24 h

<script type="text/javascript">
  google.charts.load('current', {'packages':['corechart']});
  google.charts.setOnLoadCallback(graph24h);

  function graph24h() {
    var data = google.visualization.arrayToDataTable([
      ['Date', 'Température', 'Vent Moyen', 'Humidité'],


      <?php 
           $chartQuery = "SELECT * FROM ZiMeteo ORDER BY ID DESC LIMIT 144";
           $chartQueryRecords = mysqli_query($connect, $chartQuery);
                while ($row = mysqli_fetch_assoc($chartQueryRecords)) {
                     echo "['".$row['Date']."',".$row['TmpExt'].",".$row['Vents'].",".$row['HumExt']."],";
                }
       ?>
       ]);

    var options = {
      title: 'Evolution sur 24 h',
      
      legend: { position: 'bottom' }
    };

    var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));

    chart.draw(data, options);
  }

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

梦里南柯 2025-02-16 20:57:12

我发现问题2的答案:
在haxis中,我只需要将值修改为-1即可。

hAxis: { direction: -1,
                 textStyle: {
                    color:'white',
                 }},
                    vAxis: { 
                 textStyle: {
                    color:'white',
                 }},

i find answer for question 2 :
in the hAxis i just have to modifiy the value to -1.

hAxis: { direction: -1,
                 textStyle: {
                    color:'white',
                 }},
                    vAxis: { 
                 textStyle: {
                    color:'white',
                 }},
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文