Class ScatterChartBuilder

स्कैटरचार्टबिल्डर

स्कैटर चार्ट बनाने वाला टूल. ज़्यादा जानकारी के लिए, Google Charts का दस्तावेज़ देखें.

यहां स्कैटर चार्ट बनाने का उदाहरण दिया गया है. डेटा को Google स्प्रेडशीट से इंपोर्ट किया गया हो. 

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

const 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);

const chart = chartBuilder.build();

तरीके

तरीकारिटर्न टाइपसंक्षिप्त विवरण
build()Chartचार्ट बनाता है.
setBackgroundColor(cssValue)ScatterChartBuilderचार्ट के बैकग्राउंड का रंग सेट करता है.
setColors(cssValues)ScatterChartBuilderचार्ट में लाइनों के लिए रंग सेट करता है.
setDataSourceUrl(url)ScatterChartBuilderडेटा सोर्स का यूआरएल सेट करता है. इसका इस्तेमाल, Google Sheets जैसे बाहरी सोर्स से डेटा खींचने के लिए किया जाता है.
setDataTable(tableBuilder)ScatterChartBuilderDataTableBuilder का इस्तेमाल करके, चार्ट के लिए इस्तेमाल की जाने वाली डेटा टेबल सेट करता है.
setDataTable(table)ScatterChartBuilderडेटा टेबल सेट करता है. इसमें चार्ट की लाइनें और X-ऐक्सिस लेबल शामिल होते हैं.
setDataViewDefinition(dataViewDefinition)ScatterChartBuilderचार्ट के लिए इस्तेमाल करने के लिए, डेटा व्यू की परिभाषा सेट करता है.
setDimensions(width, height)ScatterChartBuilderचार्ट के लिए डाइमेंशन सेट करता है.
setLegendPosition(position)ScatterChartBuilderचार्ट के हिसाब से लेजेंड की पोज़िशन सेट करता है.
setLegendTextStyle(textStyle)ScatterChartBuilderचार्ट के लेजेंड का टेक्स्ट स्टाइल सेट करता है.
setOption(option, value)ScatterChartBuilderइस चार्ट के लिए बेहतर विकल्प सेट करता है.
setPointStyle(style)ScatterChartBuilderलाइन में मौजूद पॉइंट की स्टाइल सेट करता है.
setTitle(chartTitle)ScatterChartBuilderचार्ट का टाइटल सेट करता है.
setTitleTextStyle(textStyle)ScatterChartBuilderचार्ट के टाइटल का टेक्स्ट स्टाइल सेट करता है.
setXAxisLogScale()ScatterChartBuilderहॉरिज़ॉन्टल ऐक्सिस को लॉगरिद्मिक स्केल में बदलता है. इसके लिए, सभी वैल्यू पॉज़िटिव होनी चाहिए.
setXAxisRange(start, end)ScatterChartBuilderचार्ट के हॉरिज़ॉन्टल ऐक्सिस की रेंज सेट करता है.
setXAxisTextStyle(textStyle)ScatterChartBuilderहॉरिज़ॉन्टल ऐक्सिस के टेक्स्ट की स्टाइल सेट करता है.
setXAxisTitle(title)ScatterChartBuilderहॉरिज़ॉन्टल ऐक्सिस में टाइटल जोड़ता है.
setXAxisTitleTextStyle(textStyle)ScatterChartBuilderइससे हॉरिज़ॉन्टल ऐक्सिस के टाइटल के टेक्स्ट का स्टाइल सेट किया जाता है.
setYAxisLogScale()ScatterChartBuilderवर्टिकल ऐक्सिस को लॉगरिदमिक स्केल में बदलता है. इसके लिए, सभी वैल्यू पॉज़िटिव होनी चाहिए.
setYAxisRange(start, end)ScatterChartBuilderचार्ट के वर्टिकल ऐक्सिस की रेंज सेट करता है.
setYAxisTextStyle(textStyle)ScatterChartBuilderवर्टिकल ऐक्सिस के टेक्स्ट की स्टाइल सेट करता है.
setYAxisTitle(title)ScatterChartBuilderवर्टिकल ऐक्सिस में टाइटल जोड़ता है.
setYAxisTitleTextStyle(textStyle)ScatterChartBuilderवर्टिकल ऐक्सिस के टाइटल के टेक्स्ट की स्टाइल सेट करता है.

ज़्यादा जानकारी वाला दस्तावेज़

build()

चार्ट बनाता है.

वापसी का टिकट

Chart — चार्ट ऑब्जेक्ट, जिसे दस्तावेज़ों, यूज़र इंटरफ़ेस (यूआई) एलिमेंट में जोड़ा जा सकता है या स्टैटिक इमेज के तौर पर इस्तेमाल किया जा सकता है.

setBackgroundColor(cssValue)

चार्ट के बैकग्राउंड का रंग सेट करता है. 

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

पैरामीटर

नामटाइपब्यौरा
cssValueStringरंग की सीएसएस वैल्यू, जैसे कि "blue" या "#00f".

वापसी का टिकट

ScatterChartBuilder — यह बिल्डर, चेन करने के लिए काम का है.

setColors(cssValues)

चार्ट में लाइनों के लिए रंग सेट करता है. 

// 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']);

पैरामीटर

नामटाइपब्यौरा
cssValuesString[]रंग की सीएसएस वैल्यू का कलेक्शन, जैसे कि ["red", "#acf"]. ऐरे में nth एलिमेंट, चार्ट में nth लाइन का रंग दिखाता है.

वापसी का टिकट

ScatterChartBuilder — यह बिल्डर, चेन करने के लिए काम का है.

setDataSourceUrl(url)

डेटा सोर्स का यूआरएल सेट करता है. इसका इस्तेमाल, Google Sheets जैसे बाहरी सोर्स से डेटा खींचने के लिए किया जाता है. अगर डेटा सोर्स का यूआरएल और डेटाटेबल, दोनों दिए जाते हैं, तो डेटा सोर्स का यूआरएल अनदेखा कर दिया जाता है.

डेटा सोर्स से क्वेरी करने के बारे में ज़्यादा जानने के लिए, Google Charts का दस्तावेज़ देखें.

पैरामीटर

नामटाइपब्यौरा
urlStringडेटा सोर्स का यूआरएल, जिसमें कोई भी क्वेरी पैरामीटर शामिल हो.

वापसी का टिकट

ScatterChartBuilder — यह बिल्डर, चेन करने के लिए काम का है.

setDataTable(tableBuilder)

DataTableBuilder का इस्तेमाल करके, चार्ट के लिए इस्तेमाल की जाने वाली डेटा टेबल सेट करता है. यह build() को कॉल किए बिना, डेटा टेबल सेट करने का आसान तरीका है.

पैरामीटर

नामटाइपब्यौरा
tableBuilderDataTableBuilderडेटा टेबल बिल्डर. इस कॉल के हिस्से के तौर पर, एक नई डेटा टेबल तुरंत बन जाती है. इसलिए, बिल्डर में किए गए किसी भी अपडेट को चार्ट में नहीं दिखाया जाएगा.

वापसी का टिकट

ScatterChartBuilder — यह बिल्डर, चेन करने के लिए काम का है.

setDataTable(table)

डेटा टेबल सेट करता है. इसमें चार्ट की लाइनें और X-ऐक्सिस लेबल शामिल होते हैं. पहला कॉलम, स्ट्रिंग होना चाहिए. साथ ही, इसमें हॉरिज़ॉन्टल ऐक्सिस के लेबल होने चाहिए. इसके बाद, कितने भी कॉलम हो सकते हैं. हालांकि, सभी कॉलम में संख्याएं होनी चाहिए. हर कॉलम को एक अलग लाइन के तौर पर दिखाया जाता है.

पैरामीटर

नामटाइपब्यौरा
tableDataTableSourceचार्ट के लिए इस्तेमाल की जाने वाली डेटा टेबल.

वापसी का टिकट

ScatterChartBuilder — यह बिल्डर, चेन करने के लिए काम का है.

setDataViewDefinition(dataViewDefinition)

चार्ट के लिए इस्तेमाल करने के लिए, डेटा व्यू की परिभाषा सेट करता है.

पैरामीटर

नामटाइपब्यौरा
dataViewDefinitionDataViewDefinitionडेटा व्यू की परिभाषा वाला ऑब्जेक्ट, जो चार्ट बनाने के लिए दिए गए डेटा सोर्स से मिले डेटा के आधार पर, व्यू तय करता है.

वापसी का टिकट

ScatterChartBuilder — यह बिल्डर, चेन करने के लिए काम का है.

setDimensions(width, height)

चार्ट के लिए डाइमेंशन सेट करता है.

पैरामीटर

नामटाइपब्यौरा
widthIntegerचार्ट की चौड़ाई, पिक्सल में.
heightIntegerचार्ट की ऊंचाई, पिक्सल में.

वापसी का टिकट

ScatterChartBuilder — यह बिल्डर, चेन करने के लिए काम का है.

setLegendPosition(position)

चार्ट के हिसाब से लेजेंड की पोज़िशन सेट करता है. डिफ़ॉल्ट रूप से, कोई लेजेंड नहीं होता. 

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

पैरामीटर

नामटाइपब्यौरा
positionPositionलेजेंड की पोज़िशन.

वापसी का टिकट

ScatterChartBuilder — यह बिल्डर, चेन करने के लिए काम का है.

setLegendTextStyle(textStyle)

चार्ट के लेजेंड का टेक्स्ट स्टाइल सेट करता है. 

// 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);

पैरामीटर

नामटाइपब्यौरा
textStyleTextStyleचार्ट के लेजेंड के लिए इस्तेमाल होने वाला टेक्स्ट स्टाइल.

वापसी का टिकट

ScatterChartBuilder — यह बिल्डर, चेन करने के लिए काम का है.

setOption(option, value)

इस चार्ट के लिए बेहतर विकल्प सेट करता है. इस चार्ट के लिए उपलब्ध विकल्प देखें. अगर दिया गया विकल्प अमान्य है, तो इस तरीके का कोई असर नहीं पड़ेगा. 

// Build a scatter chart with a 1-second animation duration.
const builder = Charts.newScatterChart();
builder.setOption('animation.duration', 1000);
const chart = builder.build();

पैरामीटर

नामटाइपब्यौरा
optionStringसेट करने का विकल्प.
valueObjectसेट की जाने वाली वैल्यू.

वापसी का टिकट

ScatterChartBuilder — यह बिल्डर, चेन करने के लिए काम का है.

setPointStyle(style)

लाइन में मौजूद पॉइंट की स्टाइल सेट करता है. डिफ़ॉल्ट रूप से, पॉइंट की कोई खास स्टाइल नहीं होती और सिर्फ़ लाइन दिखती है. 

// Creates a line chart builder and sets large point style.
const builder = Charts.newLineChart();
builder.setPointStyle(Charts.PointStyle.LARGE);

पैरामीटर

नामटाइपब्यौरा
stylePointStyleलाइन में पॉइंट के लिए इस्तेमाल की जाने वाली स्टाइल.

वापसी का टिकट

ScatterChartBuilder — यह बिल्डर, चेन करने के लिए काम का है.

इन्हें भी देखें

setTitle(chartTitle)

चार्ट का टाइटल सेट करता है. टाइटल, चार्ट के ऊपर बीच में दिखता है. 

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

पैरामीटर

नामटाइपब्यौरा
chartTitleStringचार्ट का टाइटल.

वापसी का टिकट

ScatterChartBuilder — यह बिल्डर, चेन करने के लिए काम का है.

setTitleTextStyle(textStyle)

चार्ट के टाइटल का टेक्स्ट स्टाइल सेट करता है. 

// 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);

पैरामीटर

नामटाइपब्यौरा
textStyleTextStyleचार्ट के टाइटल के लिए इस्तेमाल की जाने वाली टेक्स्ट स्टाइल. Charts.newTextStyle() को कॉल करके, TextStyleBuilder ऑब्जेक्ट बनाया जा सकता है.

वापसी का टिकट

ScatterChartBuilder — यह बिल्डर, चेन करने के लिए काम का है.

setXAxisLogScale()

हॉरिज़ॉन्टल ऐक्सिस को लॉगरिद्मिक स्केल में बदलता है. इसके लिए, सभी वैल्यू पॉज़िटिव होनी चाहिए.

वापसी का टिकट

ScatterChartBuilder — यह बिल्डर, चेन करने के लिए काम का है.

setXAxisRange(start, end)

चार्ट के हॉरिज़ॉन्टल ऐक्सिस की रेंज सेट करता है.

अगर कोई डेटा पॉइंट रेंज से बाहर आता है, तो उन डेटा पॉइंट को शामिल करने के लिए रेंज को बड़ा किया जाता है. 

// Creates a scatter chart builder and sets the X-axis range to be 0 to 100.
const builder = Charts.newTableChart();
builder.setXAxisRange(0, 100);

पैरामीटर

नामटाइपब्यौरा
startNumberहॉरिज़ॉन्टल ऐक्सिस की सबसे निचली ग्रिड लाइन की वैल्यू.
endNumberहॉरिज़ॉन्टल ऐक्सिस की सबसे ऊपरी ग्रिड लाइन की वैल्यू.

वापसी का टिकट

ScatterChartBuilder — यह बिल्डर, चेन करने के लिए काम का है.

setXAxisTextStyle(textStyle)

हॉरिज़ॉन्टल ऐक्सिस के टेक्स्ट की स्टाइल सेट करता है. 

// Creates a line chart builder and sets the X-axis text style to blue, 18-point
// font.
const textStyle =
    Charts.newTextStyle().setColor('blue').setFontSize(18).build();
const builder = Charts.newLineChart();
builder.setXAxisTextStyle(textStyle);

पैरामीटर

नामटाइपब्यौरा
textStyleTextStyleहॉरिज़ॉन्टल ऐक्सिस के टाइटल के लिए इस्तेमाल की जाने वाली टेक्स्ट स्टाइल. Charts.newTextStyle() को कॉल करके, TextStyleBuilder ऑब्जेक्ट बनाया जा सकता है.

वापसी का टिकट

ScatterChartBuilder — यह बिल्डर, चेन करने के लिए काम का है.

setXAxisTitle(title)

हॉरिज़ॉन्टल ऐक्सिस में टाइटल जोड़ता है. टाइटल को बीच में रखा जाता है और यह ऐक्सिस वैल्यू के लेबल के नीचे दिखता है. 

// Creates a line chart builder and sets the X-axis title.
const builder = Charts.newLineChart();
builder.setTitle('X-axis Title');

पैरामीटर

नामटाइपब्यौरा
titleStringX-ऐक्सिस का टाइटल.

वापसी का टिकट

ScatterChartBuilder — यह बिल्डर, चेन करने के लिए काम का है.

setXAxisTitleTextStyle(textStyle)

इससे हॉरिज़ॉन्टल ऐक्सिस के टाइटल के टेक्स्ट का स्टाइल सेट किया जाता है. 

// Creates a line chart builder and sets the X-axis title text style to blue,
// 18-point font.
const textStyle =
    Charts.newTextStyle().setColor('blue').setFontSize(18).build();
const builder = Charts.newLineChart();
builder.setXAxisTitleTextStyle(textStyle);

पैरामीटर

नामटाइपब्यौरा
textStyleTextStyleहॉरिज़ॉन्टल ऐक्सिस के टाइटल के लिए इस्तेमाल की जाने वाली टेक्स्ट स्टाइल. Charts.newTextStyle() को कॉल करके, TextStyleBuilder ऑब्जेक्ट बनाया जा सकता है.

वापसी का टिकट

ScatterChartBuilder — यह बिल्डर, चेन करने के लिए काम का है.

setYAxisLogScale()

वर्टिकल ऐक्सिस को लॉगरिदमिक स्केल में बदलता है. इसके लिए, सभी वैल्यू पॉज़िटिव होनी चाहिए.

वापसी का टिकट

ScatterChartBuilder — यह बिल्डर, चेन करने के लिए काम का है.

setYAxisRange(start, end)

चार्ट के वर्टिकल ऐक्सिस की रेंज सेट करता है. अगर कोई डेटा पॉइंट रेंज से बाहर आता है, तो उन डेटा पॉइंट को शामिल करने के लिए रेंज को बड़ा किया जाता है. 

// Creates a scatter chart builder and sets the Y-axis range to be 0 to 100.
const builder = Charts.newTableChart();
builder.setYAxisRange(0, 100);

पैरामीटर

नामटाइपब्यौरा
startNumberवर्टिकल ऐक्सिस की सबसे निचली ग्रिड लाइन की वैल्यू.
endNumberवर्टिकल ऐक्सिस की सबसे ऊपरी ग्रिड लाइन की वैल्यू.

वापसी का टिकट

ScatterChartBuilder — यह बिल्डर, चेन करने के लिए काम का है.

setYAxisTextStyle(textStyle)

वर्टिकल ऐक्सिस के टेक्स्ट की स्टाइल सेट करता है. 

// Creates a line chart builder and sets the Y-axis text style to blue, 18-point
// font.
const textStyle =
    Charts.newTextStyle().setColor('blue').setFontSize(18).build();
const builder = Charts.newLineChart();
builder.setYAxisTextStyle(textStyle);

पैरामीटर

नामटाइपब्यौरा
textStyleTextStyleहॉरिज़ॉन्टल ऐक्सिस के टाइटल के लिए इस्तेमाल की जाने वाली टेक्स्ट स्टाइल. Charts.newTextStyle() को कॉल करके, TextStyleBuilder ऑब्जेक्ट बनाया जा सकता है.

वापसी का टिकट

ScatterChartBuilder — यह बिल्डर, चेन करने के लिए काम का है.

setYAxisTitle(title)

वर्टिकल ऐक्सिस में टाइटल जोड़ता है. टाइटल को बीच में रखा जाता है और यह वैल्यू लेबल की बाईं ओर दिखता है. 

// Creates a line chart builder and sets the Y-axis title.
const builder = Charts.newLineChart();
builder.setYAxisTitle('Y-axis Title');

पैरामीटर

नामटाइपब्यौरा
titleStringY-ऐक्सिस का टाइटल.

वापसी का टिकट

ScatterChartBuilder — यह बिल्डर, चेन करने के लिए काम का है.

setYAxisTitleTextStyle(textStyle)

वर्टिकल ऐक्सिस के टाइटल के टेक्स्ट की स्टाइल सेट करता है. 

// Creates a line chart builder and sets the Y-axis title text style to blue,
// 18-point font.
const textStyle =
    Charts.newTextStyle().setColor('blue').setFontSize(18).build();
const builder = Charts.newLineChart();
builder.setYAxisTitleTextStyle(textStyle);

पैरामीटर

नामटाइपब्यौरा
textStyleTextStyleहॉरिज़ॉन्टल ऐक्सिस के टाइटल के लिए इस्तेमाल की जाने वाली टेक्स्ट स्टाइल. Charts.newTextStyle() को कॉल करके, TextStyleBuilder ऑब्जेक्ट बनाया जा सकता है.

वापसी का टिकट

ScatterChartBuilder — यह बिल्डर, चेन करने के लिए काम का है.