Google चार्ट टूल का उपयोग उनकी डिफ़ॉल्ट सेटिंग के साथ किया जा सकता है - सभी कस्टमाइज़ेशन वैकल्पिक हैं और बुनियादी सेट अप लॉन्च के लिए तैयार है. हालांकि, चार्ट में आसानी से पसंद के मुताबिक बदलाव किए जा सकते हैं, क्योंकि हो सकता है कि आपके वेबपेज में किसी खास शैली का इस्तेमाल किया गया हो. हर चार्ट में ऐसे कई विकल्प होते हैं जो रंग-रूप को पसंद के मुताबिक बनाते हैं. इन विकल्पों को चार्ट के draw() तरीके में पास किए जाने वाले विकल्प ऑब्जेक्ट में name:value जोड़े के रूप में दिखाया जाता है.
चार्ट आम तौर पर, उस विज़ुअलाइज़ेशन के लिए सही कस्टम विकल्पों के साथ काम करते हैं.
उदाहरण के लिए, टेबल चार्ट डिफ़ॉल्ट क्रम से लगाने वाले कॉलम को बताने के लिए sortColumn विकल्प के साथ काम करता है, जबकि पाई चार्ट विज़ुअलाइज़ेशन में colors विकल्प काम करता है. इसकी मदद से रंग के स्लाइस तय किए जा सकते हैं. हर चार्ट के दस्तावेज़ में उन विकल्पों
का ब्यौरा होना चाहिए जो उसके साथ काम करते हैं.
पहले बताए गए चार्ट के draw() तरीके को
विकल्प के तौर पर दूसरे विकल्प के तौर पर पास किया जाएगा. हर चार्ट की प्रॉपर्टी के लिए खास ऑब्जेक्ट बनाकर,
उसके लिए एक विकल्प बनाया जाता है.
इस उदाहरण में, एक विकल्प ऑब्जेक्ट बनाने के बारे में बताया है जो इन सभी प्रॉपर्टी के बारे में बताता है:
var options = {
width: 400,
height: 240,
title: 'Toppings I Like On My Pizza',
colors: ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6']
};
chart.draw(data, options);
इस कोड से बनाया गया चार्ट यह रहा.
|
|
draw() के विकल्प में, शब्दों का विकल्प भी दिया जा सकता है:
chart.draw(data, {
width: 400,
height: 240,
title: 'Toppings I Like On My Pizza',
colors: ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6'],
is3D: true
});
इस कोड से बनाया गया चार्ट यह रहा.
|
|
ज़्यादा जानकारी