为了账号安全,请及时绑定邮箱和手机立即绑定

为什么 titleTextStyle 不适用于 Google 图表中的标题选项?

为什么 titleTextStyle 不适用于 Google 图表中的标题选项?

哆啦的时光机 2023-12-19 21:41:41
我正在使用 Google Charts 以及从 Mysql 数据库获取的数据创建一个简单的条形图。图表显示正确,但我无法设置图表标题的格式。我参考了很多网站,我确信“titleTextStyle”的语法是正确的。很好。但标题根本不会随选项而改变。有人能告诉我问题出在哪里吗? 我在下面附上了完整的代码。 提前致谢。<?php     include("toconnect.php");    $result = mysqli_query($connection,"SELECT Product_name,COUNT(*)  FROM Items_Sold GROUP BY Product_name");?><!DOCTYPE html><html>  <head>    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>    <script type="text/javascript">      google.charts.load('current', {'packages':['bar']});      google.charts.setOnLoadCallback(drawChart);      function drawChart() {        var data = google.visualization.arrayToDataTable([          ['Product Name', 'Frequency'],          <?php             if(mysqli_num_rows($result) > 0){                    while($row = mysqli_fetch_array($result))                    {                            echo "['".$row["Product_name"]."','".$row["COUNT(*)"]."'],";                    }            }          ?>        ]);        var options = {          chart: {            title: "Frequently Bought items",titleTextStyle:{ color: '#007DB0',fontName: "Times",fontSize: 60,bold: true},        }        };        var chart = new google.charts.Bar(document.getElementById('columnchart_material'));        chart.draw(data, google.charts.Bar.convertOptions(options));      }    </script>  </head>  <body>    <div id="columnchart_material" style="width: 800px; height: 500px;display:inline-block;"></div>  </body></html>
查看完整描述

1 回答

?
UYOU

TA贡献1878条经验 获得超4个赞

您正在使用材料图表...

google.charts.Bar

无法在材料中使用的功能列表可以在此处找到... Material

材料图表功能奇偶校验的跟踪问题 #2143

包括...

titleTextStyle


尝试使用经典图表...

google.visualization.ColumnChart

有选项...

theme: 'material'


查看完整回答
反对 回复 2023-12-19
  • 1 回答
  • 0 关注
  • 89 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信