Możesz używać narzędzi Google Charts z ustawieniem domyślnym – dostosowywanie jest opcjonalne, a podstawowa konfiguracja jest gotowa do wprowadzenia. Wykresy można jednak łatwo dostosować, jeśli strona internetowa ma styl niezgodny z domyślnymi ustawieniami. Każdy wykres przedstawia szereg opcji, które dostosowują jego wygląd i działanie. Są one wyrażone w postaci par nazwa:wartość w obiekcie opcje przekazywanym do metody draw() na wykresie.
Wykresy zwykle obsługują opcje niestandardowe odpowiednie do danej wizualizacji.
Na przykład wykres wykresu obsługuje opcję sortColumn określającą domyślną kolumnę sortowania, a wizualizacja wykresu kołowyego obsługuje opcję colors, która pozwala określić kolory wycinka. Opisy opcji są dostępne w dokumentacji każdego wykresu.
Opcje zostaną przekazane jako opcjonalny drugi parametr do opisanej wcześniej metody draw() na wykresie. Opcje określa się, tworząc obiekt z właściwościami charakterystycznymi dla każdego wykresu.
Poniższy przykład pokazuje, jak utworzyć obiekt opcji z opisem wszystkich tych właściwości:
var options = {
width: 400,
height: 240,
title: 'Toppings I Like On My Pizza',
colors: ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6']
};
chart.draw(data, options);
Oto wykres utworzony przez ten kod.
|
|
Możesz też określić opcje dosłownie w metodzie draw():
chart.draw(data, {
width: 400,
height: 240,
title: 'Toppings I Like On My Pizza',
colors: ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6'],
is3D: true
});
Oto wykres utworzony przez ten kod.
|
|
Więcej informacji