Выровнять по центру название в Google Chart

Как настроить выравнивание заголовка диаграммы в графике диаграмм Google?

Я не вижу никаких вариантов позиционирования заголовка.

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);

Ответы

Ответ 1

Что бы я сделал, это удалить заголовок из диаграммы и добавить заголовок над диаграммой, который позволит вам центрировать его с помощью CSS.

Добавить заголовок на страницу:

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

Чтобы удалить заголовок из диаграммы, используйте titlePosition: 'none'.

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

Для получения дополнительной информации: Документация Google Chart - Параметры конфигурации.

Ответ 2

Я использую круговую диаграмму Google. Я искал текстовый элемент, где находится заголовок, и изменил его положение, используя следующий код:

Вы можете сделать что-то вроде этого:

document.querySelector('#YourChartID > div > div:nth-child(1) > div > svg > g:nth-child(3) > text').setAttribute("x", 100);

Вы можете поиграть со значением X (в моем примере 100), чтобы перетащить заголовок влево или вправо.