javascript - 在 Google Chart 中居中对齐标题

Question

如何在 Google Charts 图表中居中对齐图表标题？

我没有看到任何用于定位标题的选项。

var data = google.visualization.arrayToDataTable([
    ["Period", "Daily"],
    ['a', 3],
    ['b', 3],
    ['c', 1]
]);

var options = {
    title:"number of publications",
    titleFontSize:30,
    width: 1100, height: 600,
    legend: { position: "none" }
}

// Create and draw the visualization.
new google.visualization.LineChart(document.getElementById("daily")).
draw(data, options);

Answer 1

我会做的是从图表中删除标题并在图表上方添加一个标题，这样您就可以使用 CSS 将其居中。

给页面添加页眉:

<h2 class="piechartheader">Pie Chart Header</h2>

要从图表中删除标题，请使用 titlePosition: 'none'。

var options = {
  width: 1100,
  height: 600,
  titlePosition: 'none',
  legend: {
    position: "none"
  }
}

更多信息:Google Chart Documentation - Configuration Options .