Class LineChartBuilder

LineChartBuilder

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

यहां लाइन चार्ट बनाने का तरीका दिखाने वाला एक उदाहरण दिया गया है. यह डेटा Google Sheets से इंपोर्ट किया गया है.

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

const chartBuilder = Charts.newLineChart()
                         .setTitle('Yearly Rainfall')
                         .setXAxisTitle('Month')
                         .setYAxisTitle('Rainfall (in)')
                         .setDimensions(600, 500)
                         .setCurveStyle(Charts.CurveStyle.SMOOTH)
                         .setPointStyle(Charts.PointStyle.MEDIUM)
                         .setDataSourceUrl(dataSourceUrl);

const chart = chartBuilder.build();

तरीके

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

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

build()

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

वापसी का टिकट

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

---

reverseCategories()

इससे डोमेन ऐक्सिस में सीरीज़ की ड्राइंग को उलट दिया जाता है. वर्टिकल-रेंज चार्ट (जैसे कि लाइन, एरिया या कॉलम चार्ट) के लिए, इसका मतलब है कि हॉरिज़ॉन्टल ऐक्सिस को दाईं से बाईं ओर खींचा जाता है. हॉरिज़ॉन्टल-रेंज वाले चार्ट (जैसे कि बार चार्ट) के लिए, इसका मतलब है कि वर्टिकल ऐक्सिस को ऊपर से नीचे की ओर बनाया जाता है. पाई चार्ट के लिए, इसका मतलब है कि स्लाइस को घड़ी की उल्टी दिशा में बनाया जाता है.

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

वापसी का टिकट

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

---

setBackgroundColor(cssValue)

इस विकल्प से, चार्ट के बैकग्राउंड का रंग सेट किया जाता है.

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

पैरामीटर

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

वापसी का टिकट

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

---

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

पैरामीटर

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

वापसी का टिकट

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

---

setCurveStyle(style)

यह विकल्प, चार्ट में कर्व के लिए इस्तेमाल की जाने वाली स्टाइल सेट करता है. अनुमति वाले कर्व स्टाइल के लिए, CurveStyle देखें.

// Creates a line chart builder and curves the lines in the chart.
const builder = Charts.newLineChart();
builder.setCurveStyle(Charts.CurveStyle.SMOOTH);

पैरामीटर

नाम	टाइप	ब्यौरा
style	CurveStyle	चार्ट में मौजूद कर्व की स्टाइल.

वापसी का टिकट

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

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

• CurveStyle

---

setDataSourceUrl(url)

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

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

पैरामीटर

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

वापसी का टिकट

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

---

setDataTable(tableBuilder)

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

पैरामीटर

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

वापसी का टिकट

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

---

setDataTable(table)

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

पैरामीटर

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

वापसी का टिकट

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

---

setDataViewDefinition(dataViewDefinition)

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

पैरामीटर

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

वापसी का टिकट

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

---

setDimensions(width, height)

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

पैरामीटर

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

वापसी का टिकट

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

---

setLegendPosition(position)

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

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

पैरामीटर

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

वापसी का टिकट

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

---

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

पैरामीटर

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

वापसी का टिकट

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

---

setOption(option, value)

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

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

पैरामीटर

नाम	टाइप	ब्यौरा
option	String	सेट करने का विकल्प.
value	Object	सेट की जाने वाली वैल्यू.

वापसी का टिकट

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

---

setPointStyle(style)

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

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

पैरामीटर

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

वापसी का टिकट

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

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

• PointStyle

---

setRange(start, end)

इस विकल्प से, चार्ट के लिए रेंज सेट की जाती है.

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

पैरामीटर

नाम	टाइप	ब्यौरा
start	Number	रेंज ऐक्सिस की सबसे नीचे वाली ग्रिड लाइन की वैल्यू.
end	Number	रेंज ऐक्सिस की सबसे ऊपर वाली ग्रिड लाइन की वैल्यू.

वापसी का टिकट

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

---

setTitle(chartTitle)

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

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

पैरामीटर

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

वापसी का टिकट

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

---

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

पैरामीटर

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

वापसी का टिकट

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

---

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

पैरामीटर

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

वापसी का टिकट

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

---

setXAxisTitle(title)

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

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

पैरामीटर

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

वापसी का टिकट

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

---

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

पैरामीटर

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

वापसी का टिकट

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

---

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

पैरामीटर

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

वापसी का टिकट

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

---

setYAxisTitle(title)

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

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

पैरामीटर

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

वापसी का टिकट

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

---

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

पैरामीटर

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

वापसी का टिकट

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

---

useLogScale()

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

वापसी का टिकट

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