Dostosowywanie wykresów

Stay organized with collections Save and categorize content based on your preferences.

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