Class PieChartBuilder

PieChartBuilder

Narzędzie do tworzenia wykresów kołowych. Więcej szczegółów znajdziesz w dokumentacji Wykresów Google.

Oto przykład, który pokazuje, jak utworzyć wykres kołowy. Dane są importowane z arkusza kalkulacyjnego Google.

// Get sample data from a spreadsheet.
const dataSourceUrl = 'https://docs.google.com/spreadsheet/tq?range=A1%3AB8' +
    '&key=0Aq4s9w_HxMs7dHpfX05JdmVSb1FpT21sbXd4NVE3UEE&gid=3&headers=-1';

const chartBuilder = Charts.newPieChart()
                         .setTitle('World Population by Continent')
                         .setDimensions(600, 500)
                         .set3D()
                         .setDataSourceUrl(dataSourceUrl);

const chart = chartBuilder.build();

Metody

Metoda	Zwracany typ	Krótki opis
build()	Chart	Tworzy wykres.
reverseCategories()	PieChartBuilder	Odwraca rysowanie serii na osi domeny.
set3D()	PieChartBuilder	Ustawia wykres jako trójwymiarowy.
setBackgroundColor(cssValue)	PieChartBuilder	Ustawia kolor tła wykresu.
setColors(cssValues)	PieChartBuilder	Ustawia kolory linii na wykresie.
setDataSourceUrl(url)	PieChartBuilder	Ustawia adres URL źródła danych, który jest używany do pobierania danych ze źródła zewnętrznego, np. z Arkuszy Google.
setDataTable(tableBuilder)	PieChartBuilder	Ustawia tabelę danych, która ma być używana na wykresie, za pomocą obiektu DataTableBuilder.
setDataTable(table)	PieChartBuilder	Ustawia tabelę danych, która zawiera linie wykresu oraz etykiety osi X.
setDataViewDefinition(dataViewDefinition)	PieChartBuilder	Określa definicję widoku danych, która ma być używana na wykresie.
setDimensions(width, height)	PieChartBuilder	Określa wymiary wykresu.
setLegendPosition(position)	PieChartBuilder	Ustawia położenie legendy względem wykresu.
setLegendTextStyle(textStyle)	PieChartBuilder	Ustawia styl tekstu legendy wykresu.
setOption(option, value)	PieChartBuilder	Ustawia zaawansowane opcje tego wykresu.
setTitle(chartTitle)	PieChartBuilder	Ustawia tytuł wykresu.
setTitleTextStyle(textStyle)	PieChartBuilder	Ustawia styl tekstu tytułu wykresu.

Szczegółowa dokumentacja

build()

Tworzy wykres.

Powrót

Chart – obiekt wykresu, który można umieszczać w dokumentach i elementach interfejsu lub używać jako statycznego obrazu.

---

reverseCategories()

Odwraca rysowanie serii na osi domeny. W przypadku wykresów zakresu pionowego (np. liniowych, obszarowych lub kolumnowych) oznacza to, że oś pozioma jest rysowana od prawej do lewej. W przypadku wykresów zakresu poziomego (np. wykresów słupkowych) oznacza to, że oś pionowa jest rysowana od góry do dołu. W przypadku wykresów kołowych oznacza to, że wycinki są rysowane w kierunku przeciwnym do ruchu wskazówek zegara.

// Creates a pie chart builder and sets drawing of the slices in a
// counter-clockwise manner.
const builder = Charts.newPieChart();
builder.reverseCategories();

Powrót

PieChartBuilder – ten konstruktor jest przydatny do łączenia.

---

set3D()

Ustawia wykres jako trójwymiarowy.

Powrót

PieChartBuilder – ten konstruktor jest przydatny do łączenia.

---

setBackgroundColor(cssValue)

Ustawia kolor tła wykresu.

// Creates a line chart builder and sets the background color to gray
const builder = Charts.newLineChart();
builder.setBackgroundColor('gray');

Parametry

Nazwa	Typ	Opis
cssValue	String	Wartość CSS koloru (np. "blue" lub "#00f").

Powrót

PieChartBuilder – ten konstruktor jest przydatny do łączenia.

---

setColors(cssValues)

Ustawia kolory linii na wykresie.

// Creates a line chart builder and sets the first two lines to be drawn in
// green and red, respectively.
const builder = Charts.newLineChart();
builder.setColors(['green', 'red']);

Parametry

Nazwa	Typ	Opis
cssValues	String[]	Tablica wartości kolorów CSS, np. ["red", "#acf"]. N-ty element tablicy reprezentuje kolor n-tej linii na wykresie.

Powrót

PieChartBuilder – ten konstruktor jest przydatny do łączenia.

---

setDataSourceUrl(url)

Ustawia adres URL źródła danych, który jest używany do pobierania danych ze źródła zewnętrznego, np. z Arkuszy Google. Jeśli podasz adres URL źródła danych i tabelę danych, adres URL źródła danych zostanie zignorowany.

Więcej informacji o wysyłaniu zapytań do źródeł danych znajdziesz w dokumentacji Wykresów Google.

Parametry

Nazwa	Typ	Opis
url	String	Adres URL źródła danych, w tym wszystkie parametry zapytania.

Powrót

PieChartBuilder – ten konstruktor jest przydatny do łączenia.

---

setDataTable(tableBuilder)

Ustawia tabelę danych, która ma być używana na wykresie, za pomocą obiektu DataTableBuilder. Jest to wygodna metoda ustawiania tabeli danych bez konieczności wywoływania funkcji build().

Parametry

Nazwa	Typ	Opis
tableBuilder	DataTableBuilder	narzędzie do tworzenia tabel danych, W ramach tego wywołania natychmiast tworzona jest nowa tabela danych, więc żadne dalsze aktualizacje narzędzia do tworzenia nie będą odzwierciedlone na wykresie.

Powrót

PieChartBuilder – ten konstruktor jest przydatny do łączenia.

---

setDataTable(table)

Ustawia tabelę danych, która zawiera linie wykresu oraz etykiety osi X. Pierwsza kolumna powinna być ciągiem znaków i zawierać etykiety osi poziomej. Może po niej następować dowolna liczba kolumn, które muszą zawierać wartości liczbowe. Każda kolumna jest wyświetlana jako osobna linia.

Parametry

Nazwa	Typ	Opis
table	DataTableSource	Tabela danych, która ma być używana na wykresie.

Powrót

PieChartBuilder – ten konstruktor jest przydatny do łączenia.

---

setDataViewDefinition(dataViewDefinition)

Określa definicję widoku danych, która ma być używana na wykresie.

Parametry

Nazwa	Typ	Opis
dataViewDefinition	DataViewDefinition	Obiekt definicji widoku danych, który określa widok, jaki powinien zostać utworzony na podstawie danego źródła danych na potrzeby rysowania wykresu.

Powrót

PieChartBuilder – ten konstruktor jest przydatny do łączenia.

---

setDimensions(width, height)

Określa wymiary wykresu.

Parametry

Nazwa	Typ	Opis
width	Integer	Szerokość wykresu w pikselach.
height	Integer	Wysokość wykresu w pikselach.

Powrót

PieChartBuilder – ten konstruktor jest przydatny do łączenia.

---

setLegendPosition(position)

Ustawia położenie legendy względem wykresu. Domyślnie legenda nie jest wyświetlana.

// Creates a line chart builder and sets the legend position to right.
const builder = Charts.newLineChart();
builder.setLegendPosition(Charts.Position.RIGHT);

Parametry

Nazwa	Typ	Opis
position	Position	Położenie legendy.

Powrót

PieChartBuilder – ten konstruktor jest przydatny do łączenia.

---

setLegendTextStyle(textStyle)

Ustawia styl tekstu legendy wykresu.

// Creates a line chart builder and sets it up for a  blue, 26-point legend.
const textStyleBuilder =
    Charts.newTextStyle().setColor('#0000FF').setFontSize(26);
const style = textStyleBuilder.build();
const builder = Charts.newLineChart();
builder.setLegendTextStyle(style);

Parametry

Nazwa	Typ	Opis
textStyle	TextStyle	Styl tekstu, który ma być używany w legendzie wykresu.

Powrót

PieChartBuilder – ten konstruktor jest przydatny do łączenia.

---

setOption(option, value)

Ustawia zaawansowane opcje tego wykresu. Zobacz dostępne opcje tego wykresu. Ta metoda nie działa, jeśli podana opcja jest nieprawidłowa.

// Build a pie chart with a pretty legend.
const builder = Charts.newPieChart();
builder.setOption('legend', {textStyle: {color: 'blue', fontSize: 16}});
const chart = builder.build();

Parametry

Nazwa	Typ	Opis
option	String	Opcja do ustawienia.
value	Object	Wartość do ustawienia.

Powrót

PieChartBuilder – ten konstruktor jest przydatny do łączenia.

---

setTitle(chartTitle)

Ustawia tytuł wykresu. Tytuł jest wyświetlany na środku nad wykresem.

// Creates a line chart builder and title to 'My Line Chart'.
const builder = Charts.newLineChart();
builder.setTitle('My Line Chart');

Parametry

Nazwa	Typ	Opis
chartTitle	String	tytuł wykresu;

Powrót

PieChartBuilder – ten konstruktor jest przydatny do łączenia.

---

setTitleTextStyle(textStyle)

Ustawia styl tekstu tytułu wykresu.

// Creates a line chart builder and sets it up for a  blue, 26-point title.
const textStyleBuilder =
    Charts.newTextStyle().setColor('#0000FF').setFontSize(26);
const style = textStyleBuilder.build();
const builder = Charts.newLineChart();
builder.setTitleTextStyle(style);

Parametry

Nazwa	Typ	Opis
textStyle	TextStyle	Styl tekstu, który ma być używany w tytule wykresu. Obiekt TextStyleBuilder możesz utworzyć, wywołując Charts.newTextStyle().

Powrót

PieChartBuilder – ten konstruktor jest przydatny do łączenia.