स्कैटर चार्ट के लिए बिल्डर. ज़्यादा जानकारी के लिए, Google चार्ट के दस्तावेज़ देखें.
यहां एक उदाहरण दिया गया है, जिसमें स्कैटर चार्ट बनाने का तरीका बताया गया है. डेटा 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();
तरीके
तरीका | रिटर्न टाइप | संक्षिप्त विवरण |
---|---|---|
build() | Chart | चार्ट बनाता है. |
setBackgroundColor(cssValue) | ScatterChartBuilder | चार्ट के लिए बैकग्राउंड का रंग सेट करता है. |
setColors(cssValues) | ScatterChartBuilder | चार्ट की लाइनों के लिए रंग सेट करता है. |
setDataSourceUrl(url) | ScatterChartBuilder | यह डेटा सोर्स का यूआरएल सेट करता है, जिसका इस्तेमाल किसी बाहरी सोर्स, जैसे कि Google Sheets से डेटा लाने के लिए किया जाता है. |
setDataTable(tableBuilder) | ScatterChartBuilder | DatatableBuilder का इस्तेमाल करके, चार्ट में इस्तेमाल करने के लिए डेटा टेबल सेट करता है. |
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 var builder = Charts.newLineChart(); builder.setBackgroundColor("gray");
पैरामीटर
नाम | Type | ब्यौरा |
---|---|---|
cssValue | String | रंग के लिए सीएसएस वैल्यू (जैसे कि "blue" या "#00f" ). |
रिटर्न
ScatterChartBuilder
— यह बिल्डर, चेन बनाने के लिए काम का है.
setColors(cssValues)
चार्ट की लाइनों के लिए रंग सेट करता है.
// 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"]);
पैरामीटर
नाम | Type | ब्यौरा |
---|---|---|
cssValues | String[] | कलर सीएसएस वैल्यू की कलेक्शन, जैसे कि ["red", "#acf"] . कलेक्शन का nवां एलिमेंट,
चार्ट की नौवीं लाइन का कलर दिखाता है. |
रिटर्न
ScatterChartBuilder
— यह बिल्डर, चेन बनाने के लिए काम का है.
setDataSourceUrl(url)
यह डेटा सोर्स का यूआरएल सेट करता है, जिसका इस्तेमाल किसी बाहरी सोर्स, जैसे कि Google Sheets से डेटा लाने के लिए किया जाता है. अगर कोई डेटा सोर्स यूआरएल और Dataटेबल दिया गया है, तो डेटा सोर्स यूआरएल को अनदेखा कर दिया जाता है.
डेटा सोर्स की क्वेरी करने के बारे में ज़्यादा जानकारी के लिए, Google चार्ट का दस्तावेज़ देखें.
पैरामीटर
नाम | Type | ब्यौरा |
---|---|---|
url | String | डेटा सोर्स का यूआरएल, जिसमें सभी क्वेरी पैरामीटर शामिल होते हैं. |
रिटर्न
ScatterChartBuilder
— यह बिल्डर, चेन बनाने के लिए काम का है.
setDataTable(tableBuilder)
DatatableBuilder का इस्तेमाल करके, चार्ट में इस्तेमाल करने के लिए डेटा टेबल सेट करता है. यह build()
को कॉल किए बिना डेटा टेबल सेट करने का आसान तरीका है.
पैरामीटर
नाम | Type | ब्यौरा |
---|---|---|
tableBuilder | DataTableBuilder | डेटा टेबल बिल्डर. इस कॉल के तहत, एक नई डेटा टेबल तुरंत बन जाती है. इसलिए, बिल्डर में होने वाला कोई भी अपडेट, चार्ट में नहीं दिखेगा. |
रिटर्न
ScatterChartBuilder
— यह बिल्डर, चेन बनाने के लिए काम का है.
setDataTable(table)
डेटा टेबल सेट करता है, जिसमें चार्ट की लाइनें और X-ऐक्सिस लेबल होते हैं. पहला कॉलम एक स्ट्रिंग होना चाहिए और इसमें हॉरिज़ॉन्टल ऐक्सिस लेबल होना चाहिए. इसके बाद कितनी भी संख्या में कॉलम आ सकते हैं, सभी अंकों में होने चाहिए. हर कॉलम को एक अलग लाइन के तौर पर दिखाया जाता है.
पैरामीटर
नाम | Type | ब्यौरा |
---|---|---|
table | DataTableSource | चार्ट के लिए इस्तेमाल की जाने वाली डेटा टेबल. |
रिटर्न
ScatterChartBuilder
— यह बिल्डर, चेन बनाने के लिए काम का है.
setDataViewDefinition(dataViewDefinition)
चार्ट के लिए इस्तेमाल करने के लिए डेटा व्यू की परिभाषा सेट करता है.
पैरामीटर
नाम | Type | ब्यौरा |
---|---|---|
dataViewDefinition | DataViewDefinition | डेटा व्यू डेफ़िनिशन ऑब्जेक्ट, जो उस व्यू के बारे में बताता है जिसे चार्ट ड्रॉइंग के लिए, दिए गए डेटा सोर्स से लिया जाना चाहिए. |
रिटर्न
ScatterChartBuilder
— यह बिल्डर, चेन बनाने के लिए काम का है.
setDimensions(width, height)
चार्ट के डाइमेंशन सेट करता है.
पैरामीटर
नाम | Type | ब्यौरा |
---|---|---|
width | Integer | चार्ट की चौड़ाई, पिक्सल में. |
height | Integer | चार्ट की ऊंचाई, पिक्सल में. |
रिटर्न
ScatterChartBuilder
— यह बिल्डर, चेन बनाने के लिए काम का है.
setLegendPosition(position)
चार्ट के हिसाब से लेजेंड की जगह सेट करता है. डिफ़ॉल्ट रूप से, कोई लेजेंड नहीं होता.
// Creates a line chart builder and sets the legend position to right. var builder = Charts.newLineChart(); builder.setLegendPosition(Charts.Position.RIGHT);
पैरामीटर
नाम | Type | ब्यौरा |
---|---|---|
position | Position | लेजेंड की पोज़िशन. |
रिटर्न
ScatterChartBuilder
— यह बिल्डर, चेन बनाने के लिए काम का है.
setLegendTextStyle(textStyle)
चार्ट लेजेंड के टेक्स्ट की स्टाइल सेट करता है.
// 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);
पैरामीटर
नाम | Type | ब्यौरा |
---|---|---|
textStyle | TextStyle | चार्ट लेजेंड के लिए इस्तेमाल की जाने वाली टेक्स्ट स्टाइल. |
रिटर्न
ScatterChartBuilder
— यह बिल्डर, चेन बनाने के लिए काम का है.
setOption(option, value)
इस चार्ट के लिए बेहतर विकल्प सेट करता है. इस चार्ट के लिए उपलब्ध विकल्प देखें. अगर दिया गया विकल्प अमान्य है, तो इस तरीके का कोई असर नहीं होगा.
// Build a scatter chart with a 1-second animation duration. var builder = Charts.newScatterChart(); builder.setOption('animation.duration', 1000); var chart = builder.build();
पैरामीटर
नाम | Type | ब्यौरा |
---|---|---|
option | String | सेट करने का विकल्प. |
value | Object | सेट की जाने वाली वैल्यू. |
रिटर्न
ScatterChartBuilder
— यह बिल्डर, चेन बनाने के लिए काम का है.
setPointStyle(style)
लाइन में पॉइंट के लिए स्टाइल सेट करता है. डिफ़ॉल्ट रूप से, पॉइंट की कोई खास स्टाइल नहीं होती और सिर्फ़ लाइन ही दिखती है.
// Creates a line chart builder and sets large point style. var builder = Charts.newLineChart(); builder.setPointStyle(Charts.PointStyle.LARGE);
पैरामीटर
नाम | Type | ब्यौरा |
---|---|---|
style | PointStyle | लाइन में पॉइंट के लिए इस्तेमाल की जाने वाली स्टाइल. |
रिटर्न
ScatterChartBuilder
— यह बिल्डर, चेन बनाने के लिए काम का है.
इन्हें भी देखें
setTitle(chartTitle)
चार्ट का टाइटल सेट करता है. टाइटल को चार्ट के ऊपर बीच में दिखाया जाता है.
// Creates a line chart builder and title to 'My Line Chart'. var builder = Charts.newLineChart(); builder.setTitle('My Line Chart')
पैरामीटर
नाम | Type | ब्यौरा |
---|---|---|
chartTitle | String | चार्ट का शीर्षक. |
रिटर्न
ScatterChartBuilder
— यह बिल्डर, चेन बनाने के लिए काम का है.
setTitleTextStyle(textStyle)
चार्ट के टाइटल की टेक्स्ट स्टाइल सेट करता है.
// 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);
पैरामीटर
नाम | Type | ब्यौरा |
---|---|---|
textStyle | TextStyle | चार्ट के टाइटल के लिए इस्तेमाल की जाने वाली टेक्स्ट स्टाइल. 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. var builder = Charts.newTableChart(); builder.setXAxisRange(0, 100);
पैरामीटर
नाम | Type | ब्यौरा |
---|---|---|
start | Number | हॉरिज़ॉन्टल ऐक्सिस की सबसे निचली ग्रिड लाइन की वैल्यू. |
end | Number | हॉरिज़ॉन्टल ऐक्सिस की सबसे ज़्यादा ग्रिड लाइन की वैल्यू. |
रिटर्न
ScatterChartBuilder
— यह बिल्डर, चेन बनाने के लिए काम का है.
setXAxisTextStyle(textStyle)
हॉरिज़ॉन्टल ऐक्सिस टेक्स्ट की स्टाइल सेट करता है.
// 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);
पैरामीटर
नाम | Type | ब्यौरा |
---|---|---|
textStyle | TextStyle | हॉरिज़ॉन्टल ऐक्सिस के टाइटल के लिए इस्तेमाल करने के लिए, टेक्स्ट स्टाइल. Charts.newTextStyle() को कॉल करके TextStyleBuilder ऑब्जेक्ट बनाया जा सकता है. |
रिटर्न
ScatterChartBuilder
— यह बिल्डर, चेन बनाने के लिए काम का है.
setXAxisTitle(title)
हॉरिज़ॉन्टल ऐक्सिस में टाइटल जोड़ता है. यह टाइटल बीच में होता है और ऐक्सिस वैल्यू लेबल के नीचे दिखता है.
// Creates a line chart builder and sets the X-axis title. var builder = Charts.newLineChart(); builder.setTitle('X-axis Title')
पैरामीटर
नाम | Type | ब्यौरा |
---|---|---|
title | String | X-ऐक्सिस का टाइटल. |
रिटर्न
ScatterChartBuilder
— यह बिल्डर, चेन बनाने के लिए काम का है.
setXAxisTitleTextStyle(textStyle)
हॉरिज़ॉन्टल ऐक्सिस के टाइटल के टेक्स्ट की स्टाइल सेट करता है.
// 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);
पैरामीटर
नाम | Type | ब्यौरा |
---|---|---|
textStyle | TextStyle | हॉरिज़ॉन्टल ऐक्सिस के टाइटल के लिए इस्तेमाल करने के लिए, टेक्स्ट स्टाइल. 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. var builder = Charts.newTableChart(); builder.setYAxisRange(0, 100);
पैरामीटर
नाम | Type | ब्यौरा |
---|---|---|
start | Number | वर्टिकल ऐक्सिस की सबसे निचली ग्रिड लाइन की वैल्यू. |
end | Number | वर्टिकल ऐक्सिस की सबसे बड़ी ग्रिड लाइन की वैल्यू. |
रिटर्न
ScatterChartBuilder
— यह बिल्डर, चेन बनाने के लिए काम का है.
setYAxisTextStyle(textStyle)
वर्टिकल ऐक्सिस टेक्स्ट की स्टाइल सेट करता है.
// 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);
पैरामीटर
नाम | Type | ब्यौरा |
---|---|---|
textStyle | TextStyle | हॉरिज़ॉन्टल ऐक्सिस के टाइटल के लिए इस्तेमाल करने के लिए, टेक्स्ट स्टाइल. Charts.newTextStyle() को कॉल करके TextStyleBuilder ऑब्जेक्ट बनाया जा सकता है. |
रिटर्न
ScatterChartBuilder
— यह बिल्डर, चेन बनाने के लिए काम का है.
setYAxisTitle(title)
वर्टिकल ऐक्सिस में टाइटल जोड़ता है. टाइटल बीच में होता है और वैल्यू लेबल के बाईं ओर दिखता है.
// Creates a line chart builder and sets the Y-axis title. var builder = Charts.newLineChart(); builder.setYAxisTitle('Y-axis Title')
पैरामीटर
नाम | Type | ब्यौरा |
---|---|---|
title | String | Y-ऐक्सिस का टाइटल. |
रिटर्न
ScatterChartBuilder
— यह बिल्डर, चेन बनाने के लिए काम का है.
setYAxisTitleTextStyle(textStyle)
वर्टिकल ऐक्सिस के टाइटल के टेक्स्ट की स्टाइल सेट करता है.
// 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);
पैरामीटर
नाम | Type | ब्यौरा |
---|---|---|
textStyle | TextStyle | हॉरिज़ॉन्टल ऐक्सिस के टाइटल के लिए इस्तेमाल करने के लिए, टेक्स्ट स्टाइल. Charts.newTextStyle() को कॉल करके TextStyleBuilder ऑब्जेक्ट बनाया जा सकता है. |
रिटर्न
ScatterChartBuilder
— यह बिल्डर, चेन बनाने के लिए काम का है.