Narzędzie do tworzenia wykresów punktowych. Więcej informacji znajdziesz w dokumentacji Wykresów Google.
Oto przykład, który pokazuje, jak utworzyć wykres punktowy. Dane są zaimportowane z arkusza kalkulacyjnego Google.
// Get sample data from a spreadsheet. var dataSourceUrl = 'https://docs.google.com/spreadsheet/tq?range=C1%3AD' + '&key=0Aq4s9w_HxMs7dHpfX05JdmVSb1FpT21sbXd4NVE3UEE&gid=4&headers=-1'; var chartBuilder = Charts.newScatterChart() .setTitle('Adjusted GDP & U.S. Population') .setXAxisTitle('U.S. Population (millions)') .setYAxisTitle('Adjusted GDP ($ billions)') .setDimensions(600, 500) .setLegendPosition(Charts.Position.NONE) .setDataSourceUrl(dataSourceUrl); var chart = chartBuilder.build();
Metody
Metoda | Zwracany typ | Krótki opis |
---|---|---|
build() | Chart | Tworzy wykres. |
setBackgroundColor(cssValue) | ScatterChartBuilder | Ustawia kolor tła wykresu. |
setColors(cssValues) | ScatterChartBuilder | Ustawia kolory linii na wykresie. |
setDataSourceUrl(url) | ScatterChartBuilder | Ustawia adres URL źródła danych, które jest używane do pobierania danych ze źródła zewnętrznego, np. Google Arkusze. |
setDataTable(tableBuilder) | ScatterChartBuilder | Konfiguruje tabelę danych, która ma być używana na potrzeby wykresu, za pomocą DataTableBuilder. |
setDataTable(table) | ScatterChartBuilder | Ustawia tabelę danych, która zawiera linie wykresu, a także etykiety osi X. |
setDataViewDefinition(dataViewDefinition) | ScatterChartBuilder | Określa definicję widoku danych, która będzie używana na wykresie. |
setDimensions(width, height) | ScatterChartBuilder | Ustawia wymiary wykresu. |
setLegendPosition(position) | ScatterChartBuilder | Określa pozycję legendy względem wykresu. |
setLegendTextStyle(textStyle) | ScatterChartBuilder | Określa styl tekstu legendy wykresu. |
setOption(option, value) | ScatterChartBuilder | Określa zaawansowane opcje tego wykresu. |
setPointStyle(style) | ScatterChartBuilder | Określa styl punktów na linii. |
setTitle(chartTitle) | ScatterChartBuilder | Określa tytuł wykresu. |
setTitleTextStyle(textStyle) | ScatterChartBuilder | Określa styl tekstu tytułu wykresu. |
setXAxisLogScale() | ScatterChartBuilder | Przekształca oś poziomą w skalę logarytmiczną (wszystkie wartości muszą być dodatnie). |
setXAxisRange(start, end) | ScatterChartBuilder | Określa zakres osi poziomej wykresu. |
setXAxisTextStyle(textStyle) | ScatterChartBuilder | Określa styl tekstu osi poziomej. |
setXAxisTitle(title) | ScatterChartBuilder | Dodaje tytuł do osi poziomej. |
setXAxisTitleTextStyle(textStyle) | ScatterChartBuilder | Określa styl tekstu tytułu na osi poziomej. |
setYAxisLogScale() | ScatterChartBuilder | Przekształca oś pionową w skalę logarytmiczną (wszystkie wartości muszą być dodatnie). |
setYAxisRange(start, end) | ScatterChartBuilder | Określa zakres osi pionowej wykresu. |
setYAxisTextStyle(textStyle) | ScatterChartBuilder | Określa styl tekstu osi pionowej. |
setYAxisTitle(title) | ScatterChartBuilder | Dodaje tytuł do osi pionowej. |
setYAxisTitleTextStyle(textStyle) | ScatterChartBuilder | Określa styl tekstu tytułu osi pionowej. |
Szczegółowa dokumentacja
build()
Tworzy wykres.
Powrót
Chart
– obiekt Chart, który można umieszczać w dokumentach i elementach interfejsu albo używać jako statyczny
.
setBackgroundColor(cssValue)
Ustawia kolor tła wykresu.
// Creates a line chart builder and sets the background color to gray var builder = Charts.newLineChart(); builder.setBackgroundColor("gray");
Parametry
Nazwa | Typ | Opis |
---|---|---|
cssValue | String | Wartość CSS koloru (np. "blue" lub "#00f" ). |
Powrót
ScatterChartBuilder
– to kreator przydatny w przypadku łańcuchów.
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. var builder = Charts.newLineChart(); builder.setColors(["green", "red"]);
Parametry
Nazwa | Typ | Opis |
---|---|---|
cssValues | String[] | Tablica wartości CSS koloru, np. ["red", "#acf"] . N-ty element
wskazuje kolor n-tej linii na wykresie. |
Powrót
ScatterChartBuilder
– to kreator przydatny w przypadku łańcuchów.
setDataSourceUrl(url)
Ustawia adres URL źródła danych, które jest używane do pobierania danych ze źródła zewnętrznego, np. Google Arkusze. Jeśli podany jest URL źródła danych i tabela DataTable, adres URL źródła danych jest ignorowany.
Więcej informacji o wysyłaniu zapytań dotyczących źródeł danych znajdziesz w dokumentacji Wykresów Google.
Parametry
Nazwa | Typ | Opis |
---|---|---|
url | String | Adres URL źródła danych wraz ze wszystkimi parametrami zapytania. |
Powrót
ScatterChartBuilder
– to kreator przydatny w przypadku łańcuchów.
setDataTable(tableBuilder)
Konfiguruje tabelę danych, która ma być używana na potrzeby wykresu, za pomocą DataTableBuilder. Jest to wygodna metoda
do ustawienia tabeli danych bez konieczności wywoływania funkcji build()
.
Parametry
Nazwa | Typ | Opis |
---|---|---|
tableBuilder | DataTableBuilder | Kreator tabel danych. W ramach tego parametru natychmiast jest tworzona nowa tabela danych , więc dalsze aktualizacje narzędzia nie zostaną odzwierciedlone na wykresie. |
Powrót
ScatterChartBuilder
– to kreator przydatny w przypadku łańcuchów.
setDataTable(table)
Ustawia tabelę danych, która zawiera linie wykresu, a także etykiety osi X. pierwsza kolumna powinna być ciągiem znaków i zawierać etykiety osi poziomej. Dowolna liczba kolumn po których może następować, wszystkie muszą mieć 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
ScatterChartBuilder
– to kreator przydatny w przypadku łańcuchów.
setDataViewDefinition(dataViewDefinition)
Określa definicję widoku danych, która będzie używana na wykresie.
Parametry
Nazwa | Typ | Opis |
---|---|---|
dataViewDefinition | DataViewDefinition | Obiekt definicji widoku danych, który określa widok, który powinien być na podstawie podanego źródła danych na potrzeby rysunku. |
Powrót
ScatterChartBuilder
– to kreator przydatny w przypadku łańcuchów.
setDimensions(width, height)
Ustawia wymiary wykresu.
Parametry
Nazwa | Typ | Opis |
---|---|---|
width | Integer | Szerokość wykresu w pikselach. |
height | Integer | Wysokość wykresu w pikselach. |
Powrót
ScatterChartBuilder
– to kreator przydatny w przypadku łańcuchów.
setLegendPosition(position)
Określa pozycję legendy względem wykresu. Domyślnie nie ma legendy.
// Creates a line chart builder and sets the legend position to right. var builder = Charts.newLineChart(); builder.setLegendPosition(Charts.Position.RIGHT);
Parametry
Nazwa | Typ | Opis |
---|---|---|
position | Position | Pozycja legendy. |
Powrót
ScatterChartBuilder
– to kreator przydatny w przypadku łańcuchów.
setLegendTextStyle(textStyle)
Określa styl tekstu legendy wykresu.
// Creates a line chart builder and sets it up for a blue, 26-point legend. var textStyleBuilder = Charts.newTextStyle().setColor('#0000FF').setFontSize(26); var style = textStyleBuilder.build(); var builder = Charts.newLineChart(); builder.setLegendTextStyle(style);
Parametry
Nazwa | Typ | Opis |
---|---|---|
textStyle | TextStyle | Styl tekstu, który będzie używany w legendzie wykresu. |
Powrót
ScatterChartBuilder
– to kreator przydatny w przypadku łańcuchów.
setOption(option, value)
Określa zaawansowane opcje tego wykresu. Zobacz dostępne opcje ten wykres. Ta metoda nie działa, jeśli dana opcja jest nieprawidłowa.
// Build a scatter chart with a 1-second animation duration. var builder = Charts.newScatterChart(); builder.setOption('animation.duration', 1000); var chart = builder.build();
Parametry
Nazwa | Typ | Opis |
---|---|---|
option | String | Opcja do ustawienia. |
value | Object | Wartość do ustawienia. |
Powrót
ScatterChartBuilder
– to kreator przydatny w przypadku łańcuchów.
setPointStyle(style)
Określa styl punktów na linii. Domyślnie punkty nie mają określonych stylów i tylko że linia jest widoczna.
// Creates a line chart builder and sets large point style. var builder = Charts.newLineChart(); builder.setPointStyle(Charts.PointStyle.LARGE);
Parametry
Nazwa | Typ | Opis |
---|---|---|
style | PointStyle | Styl, który ma być używany w przypadku punktów na linii. |
Powrót
ScatterChartBuilder
– to kreator przydatny w przypadku łańcuchów.
Zobacz też
setTitle(chartTitle)
Określa tytuł wykresu. Tytuł jest wyświetlany na środku nad wykresem.
// Creates a line chart builder and title to 'My Line Chart'. var builder = Charts.newLineChart(); builder.setTitle('My Line Chart')
Parametry
Nazwa | Typ | Opis |
---|---|---|
chartTitle | String | tytuł wykresu. |
Powrót
ScatterChartBuilder
– to kreator przydatny w przypadku łańcuchów.
setTitleTextStyle(textStyle)
Określa styl tekstu tytułu wykresu.
// Creates a line chart builder and sets it up for a blue, 26-point title. var textStyleBuilder = Charts.newTextStyle().setColor('#0000FF').setFontSize(26); var style = textStyleBuilder.build(); var builder = Charts.newLineChart(); builder.setTitleTextStyle(style);
Parametry
Nazwa | Typ | Opis |
---|---|---|
textStyle | TextStyle | Styl tekstu, który będzie używany jako tytuł wykresu. Obiekt TextStyleBuilder możesz utworzyć, wywołując funkcję Charts.newTextStyle() . |
Powrót
ScatterChartBuilder
– to kreator przydatny w przypadku łańcuchów.
setXAxisLogScale()
Przekształca oś poziomą w skalę logarytmiczną (wszystkie wartości muszą być dodatnie).
Powrót
ScatterChartBuilder
– to kreator przydatny w przypadku łańcuchów.
setXAxisRange(start, end)
Określa zakres osi poziomej wykresu.
Jeśli jakieś punkty danych wykraczają poza zakres, zakres się powiększa, aby uwzględnić te dane. pkt.
// Creates a scatter chart builder and sets the X-axis range to be 0 to 100. var builder = Charts.newTableChart(); builder.setXAxisRange(0, 100);
Parametry
Nazwa | Typ | Opis |
---|---|---|
start | Number | Wartość najniższej linii siatki na osi poziomej. |
end | Number | Wartość najwyższej linii siatki na osi poziomej. |
Powrót
ScatterChartBuilder
– to kreator przydatny w przypadku łańcuchów.
setXAxisTextStyle(textStyle)
Określa styl tekstu osi poziomej.
// Creates a line chart builder and sets the X-axis text style to blue, 18-point font. var textStyle = Charts.newTextStyle().setColor('blue').setFontSize(18).build(); var builder = Charts.newLineChart(); builder.setXAxisTextStyle(textStyle);
Parametry
Nazwa | Typ | Opis |
---|---|---|
textStyle | TextStyle | Styl tekstu, który będzie używany jako tytuł osi poziomej. Obiekt TextStyleBuilder możesz utworzyć, wywołując funkcję Charts.newTextStyle() . |
Powrót
ScatterChartBuilder
– to kreator przydatny w przypadku łańcuchów.
setXAxisTitle(title)
Dodaje tytuł do osi poziomej. Tytuł jest wyśrodkowany i wyświetla się pod wartością osi. etykiety.
// Creates a line chart builder and sets the X-axis title. var builder = Charts.newLineChart(); builder.setTitle('X-axis Title')
Parametry
Nazwa | Typ | Opis |
---|---|---|
title | String | Tytuł osi X. |
Powrót
ScatterChartBuilder
– to kreator przydatny w przypadku łańcuchów.
setXAxisTitleTextStyle(textStyle)
Określa styl tekstu tytułu na osi poziomej.
// Creates a line chart builder and sets the X-axis title text style to blue, 18-point font. var textStyle = Charts.newTextStyle().setColor('blue').setFontSize(18).build(); var builder = Charts.newLineChart(); builder.setXAxisTitleTextStyle(textStyle);
Parametry
Nazwa | Typ | Opis |
---|---|---|
textStyle | TextStyle | Styl tekstu, który będzie używany jako tytuł osi poziomej. Obiekt TextStyleBuilder możesz utworzyć, wywołując funkcję Charts.newTextStyle() . |
Powrót
ScatterChartBuilder
– to kreator przydatny w przypadku łańcuchów.
setYAxisLogScale()
Przekształca oś pionową w skalę logarytmiczną (wszystkie wartości muszą być dodatnie).
Powrót
ScatterChartBuilder
– to kreator przydatny w przypadku łańcuchów.
setYAxisRange(start, end)
Określa zakres osi pionowej wykresu. Jeśli jakieś punkty danych wykraczają poza zakres, zakres jest poszerzany o te punkty danych.
// Creates a scatter chart builder and sets the Y-axis range to be 0 to 100. var builder = Charts.newTableChart(); builder.setYAxisRange(0, 100);
Parametry
Nazwa | Typ | Opis |
---|---|---|
start | Number | Wartość najniższej linii siatki na osi pionowej. |
end | Number | Wartość najwyższej linii siatki na osi pionowej. |
Powrót
ScatterChartBuilder
– to kreator przydatny w przypadku łańcuchów.
setYAxisTextStyle(textStyle)
Określa styl tekstu osi pionowej.
// Creates a line chart builder and sets the Y-axis text style to blue, 18-point font. var textStyle = Charts.newTextStyle().setColor('blue').setFontSize(18).build(); var builder = Charts.newLineChart(); builder.setYAxisTextStyle(textStyle);
Parametry
Nazwa | Typ | Opis |
---|---|---|
textStyle | TextStyle | Styl tekstu, który będzie używany jako tytuł osi poziomej. Obiekt TextStyleBuilder możesz utworzyć, wywołując funkcję Charts.newTextStyle() . |
Powrót
ScatterChartBuilder
– to kreator przydatny w przypadku łańcuchów.
setYAxisTitle(title)
Dodaje tytuł do osi pionowej. Tytuł jest wyśrodkowany i wyświetla się po lewej stronie wartości. etykiety.
// Creates a line chart builder and sets the Y-axis title. var builder = Charts.newLineChart(); builder.setYAxisTitle('Y-axis Title')
Parametry
Nazwa | Typ | Opis |
---|---|---|
title | String | Tytuł osi Y. |
Powrót
ScatterChartBuilder
– to kreator przydatny w przypadku łańcuchów.
setYAxisTitleTextStyle(textStyle)
Określa styl tekstu tytułu osi pionowej.
// Creates a line chart builder and sets the Y-axis title text style to blue, 18-point font. var textStyle = Charts.newTextStyle().setColor('blue').setFontSize(18).build(); var builder = Charts.newLineChart(); builder.setYAxisTitleTextStyle(textStyle);
Parametry
Nazwa | Typ | Opis |
---|---|---|
textStyle | TextStyle | Styl tekstu, który będzie używany jako tytuł osi poziomej. Obiekt TextStyleBuilder możesz utworzyć, wywołując funkcję Charts.newTextStyle() . |
Powrót
ScatterChartBuilder
– to kreator przydatny w przypadku łańcuchów.