Как настроить диаграммы

Вы можете использовать Google Chart Tools с настройками по умолчанию — все настройки необязательны, а базовая настройка готова к запуску. Однако диаграммы можно легко настроить, если ваша веб-страница использует стиль, который не соответствует заданным значениям по умолчанию. Каждая диаграмма предоставляет ряд параметров, которые настраивают ее внешний вид. Эти параметры выражаются парами имя:значение в объекте параметров, передаваемом в метод draw() диаграммы.

Диаграммы обычно поддерживают пользовательские параметры, соответствующие этой визуализации. Например, табличная диаграмма поддерживает параметр sortColumn для указания столбца сортировки по умолчанию, а визуализация круговой диаграммы поддерживает параметр colors , позволяющий указать цвета фрагментов. В документации к каждой диаграмме должны быть описаны параметры, которые она поддерживает.

Вы передадите свои параметры в качестве необязательного второго параметра методу draw() диаграммы, описанному ранее. Вы указываете параметры, создавая объект со свойствами, характерными для каждой диаграммы.

В следующем примере показано создание объекта параметров, в котором указаны все эти свойства:

var options = {
  width: 400,
  height: 240,
  title: 'Toppings I Like On My Pizza',
  colors: ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6']
};

chart.draw(data, options);

Вот диаграмма, которую создает этот код.

Вы также можете указать параметры буквально внутри метода draw() :

chart.draw(data, {
  width: 400,
  height: 240,
  title: 'Toppings I Like On My Pizza',
  colors: ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6'],
  is3D: true
});

Вот диаграмма, которую создает этот код.

Дополнительная информация