为什么 titleTextStyle 不适用于 Google 图表中的标题选项？
我正在使用 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
您正在使用材料图表...google.charts.Bar无法在材料中使用的功能列表可以在此处找到... Material材料图表功能奇偶校验的跟踪问题 #2143包括...titleTextStyle尝试使用经典图表...google.visualization.ColumnChart有选项...theme: 'material'
随时随地看视频慕课网APP
相关分类
Html5