पर विजुअल पैराडाइम, हम लगातार आपके दृश्य निर्माण अनुभव को आसान, तेज और अधिक स्पष्ट बनाने के तरीकों की तलाश कर रहे हैं। आज हम आपको पेश कर रहे हैं ECharts के लिए कोड संरचना विजुअल पैराडाइम में VPasCode—एक ऐसी सुविधा जो आपकी उपयोगिता के ध्यान में रखकर डिज़ाइन की गई है।
जब आप जटिल चार्ट स्क्रिप्ट्स के साथ काम करते हैं, तो पठनीयता सबसे महत्वपूर्ण होती है। एक ही पंक्ति पर कई विशेषताओं को दबाने से विवरण छूटने या संपादन त्रुटियां करने की संभावना बढ़ जाती है। हमारे नए संरचना उपकरण के साथ, आपकी कोड संरचना तुरंत बदल जाती है:
-
कुछ भी छिपा नहीं है: प्रत्येक विशेषता अपनी अलग पंक्ति पर स्पष्ट रूप से सूचीबद्ध होती है, जिससे आपको अपने चार्ट की संरचना पर पूर्ण दृश्यता मिलती है।
-
आसान संपादन: कोड की भरी हुई पंक्तियों में घूमने के बिना त्वरित रूप से लेबल, श्रृंखला डेटा या स्टाइलिंग नियमों को खोजें और अपडेट करें।
-
एक क्लिक साफ करना: बस ऊपरी एडिटर में
</> संरचनाबटन को क्लिक करें ताकि आपकी स्क्रिप्ट तुरंत साफ, मानक इंडेंटेशन में व्यवस्थित हो जाए।
पहले
बाद में
खुद आजमाएं!
देखें कि संरचित कोड काम करने में कितना आसान है। क्लिक करें संपादित करें नीचे इस दबी हुई कोड को एडिटर में खोलने के लिए, फिर </> संरचना एक क्लिक में इसे साफ करने के लिए दबाएं:
विकल्प = { शीर्षक: { पाठ: 'क्षेत्र के अनुसार त्रैमासिक बिक्री' },
tooltip: { ट्रिगर: 'अक्ष', अक्ष संकेतक: { प्रकार: 'छाया' } },
संकेतक: { डेटा: ['उत्तर', 'दक्षिण', 'पूर्व', 'पश्चिम'] },
xAxis: { प्रकार: 'मूल्य', नाम: 'राजस्व ($1,000 में)' },
yAxis: { प्रकार: 'श्रेणी', डेटा: ['Q1', 'Q2', 'Q3', 'Q4'] },
श्रृंखला: [{ नाम: 'उत्तर', प्रकार: 'बार', स्टैक: 'कुल', डेटा: [85, 120, 95, 150] },
{ नाम: 'दक्षिण', प्रकार: 'बार', स्टैक: 'कुल', डेटा: [65, 90, 110, 130] }] };
अपने डेटा विज़ुअलाइज़ेशन को अगले स्तर पर ले जाएं
गड़बड़ लिखे कोड के साथ लड़ना बंद करें। VPasCode का उपयोग करके पेशेवर, इंटरैक्टिव चार्ट आसानी से डिज़ाइन करेंVPasCode.