Вы можете использовать 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
});
Вот диаграмма, которую создает этот код.
Дополнительная информация