Почему titleTextStyle не работает с опцией title в Google Charts? - PullRequest
Новая
       6

Почему titleTextStyle не работает с опцией title в Google Charts?

1 голос
/ 14 апреля 2020

Я создаю простую гистограмму, используя 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 lang="en">
  <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 Ответ

0 голосов
/ 15 апреля 2020

вы работаете с материалом диаграммой ... 

google.charts.Bar

список функций, не работающих в материале диаграмм можно найти здесь ...

Ошибка отслеживания для паритета характеристик материала № 2143

, который включает ...

titleTextStyle

попробуйте поработать с диаграммой classi c вместо ... 

google.visualization.ColumnChart

с опцией ...

theme: 'material'

...