ChartJS - जावास्क्रिप्ट डेटा विज़ुअलाइज़ेशन लाइब्रेरी

हर साल, कंप्यूटर प्रौद्योगिकी की दुनिया वैश्विक वेब में अधिक से अधिक ढोंगी। एचटीएमएल 5 ग्रह के चारों ओर मार्च कर रहा है, और अभी तक इसके विकास और वितरण में मंदी का कोई संकेत नहीं देखा गया है। ऐसा लगता है कि रेफ्रिजरेटर भी जल्द ही एचटीएमएल 5 को समझने लगेगा!

हम DevExpress पर इस प्रवृत्ति को किसी और की तरह महसूस करते हैं। और हमने इस साल अच्छा काम किया है!

हेब्रोसोसिटी पहले से ही हमारे नए फोनजेएस ढांचे के बारे में जानता है, जो अनुभवी वेब डेवलपर्स को मोबाइल उपकरणों के विकास में आत्मविश्वास महसूस करने की अनुमति देता है।

हालांकि, हम वेब विकास के क्लासिक पक्ष को नहीं भूले हैं।

लोग अभी भी इंटरनेट से जानकारी प्राप्त करते हैं।
दुर्भाग्य से, ये वही लोग अभी भी लंबी और थकाऊ रिपोर्ट पढ़ना पसंद नहीं करते हैं।
एक तस्वीर एक हजार शब्दों के लायक है।

देखने वाले व्यक्ति के साथ बातचीत करते हुए एक जीवंत तस्वीर अनमोल है।

ताकि वेब डेवलपर अपने ग्राहकों को लाइव चार्ट दिखा सकें, हमने ChartJS डेटा विज़ुअलाइज़ेशन लाइब्रेरी बनाई है।

चार्ट? लेकिन यह पहले से मौजूद है!

जरूर हैं।
लेकिन प्रयास करने और सुधारने के लिए हमेशा कुछ होता है।

हम क्या सुधार करना चाहते थे:

• क्लाइंट पर ग्राफिक्स को रेंडर किया जाना चाहिए। क्यों - ताकि वे ग्राहक पर बदल सकें;
• शेड्यूल बनाना सरल होना चाहिए। यदि आपको ग्राफ़ बनाने के लिए कोड की 100 लाइनों की आवश्यकता है, तो यह पहले से ही बहुत अधिक है;
• हालांकि, यदि कार्य उठता है, तो अनुसूची को आदर्श में जोड़ें - फिर इसे हल करना चाहिए। केवल इसे पहले से अलग हल किया जाना चाहिए, और कोड के विकास के रूप में, क्रांति नहीं;
• लालित्य। जब हम डेटा के आधार पर ग्राफ खींचते हैं - हम डेटा देखना चाहते हैं, न कि रयुशेकी;
• ग्राफिक्स सभी ब्राउज़रों में काम करना चाहिए। और कम से कम, यह देखते हुए कि दुनिया कहां है - मोबाइल उपकरणों पर;
• खैर, वास्तव में, डेटा विज़ुअलाइज़ेशन न केवल रेखांकन है। हमारी लाइब्रेरी में Gauges - "संकेतक" का एक सेट भी शामिल है - दृश्य तत्व जो आपको मूल्य और नेत्रहीन विजेट का मूल्यांकन करने की अनुमति देते हैं, जो फ़िल्टरिंग और स्केलिंग के रूप में डेटा पर ऐसी जोड़तोड़ को सरल करता है।

उदाहरण

दुर्भाग्य से, मैं काम और राजनीति का मिश्रण नहीं करने की कोशिश करता हूं, इसलिए मेरे पास "सार्वजनिक पहल" के साथ अच्छा कार्यक्रम नहीं होगा।

इंटरनेट के दर्शकों की रुचि बनाए रखने के लिए, मेरे पास वास्तव में केवल एक विकल्प है - बिल्ली के बच्चे के साथ एक ग्राफ बनाएं!



बिल्लियाँ हमें घेर लेती हैं। कई रसोई वार्तालाप जल्दी या बाद में पसंदीदा प्यारे करने के लिए नीचे आते हैं।

मैंने सोचा - क्या, वास्तव में, DevExpress'ovtsev का प्रतिशत एक पालतू जानवर पकड़ रहा है? उनका पसंदीदा क्या है, एक तस्वीर से एक आदर्श बिल्ली का बच्चा कितना पसंद करता है, या यह अधिक प्रसिद्ध कार्टून से साइमन बिल्ली की याद दिलाता है?

सोचा नस्लों की कार्रवाई। हमारे सहयोगियों के बीच एक छोटा सा सर्वेक्षण आयोजित किया गया था। कॉमिक, ज़ाहिर है - आखिरकार, हम अभी भी बिल्ली के बच्चे के बारे में बात कर रहे हैं! - लेकिन कुछ प्रतिनिधित्व के दावे के साथ।

इस सर्वेक्षण के परिणाम एक नंबर प्लेट हैं।

लेकिन केवल कुछ प्रतिशत लोग वास्तव में सूखी संख्या वाले संकेतों को देखने का आनंद लेते हैं (ठीक है, अगर हम वेतन वृद्धि दिखाने वाली तालिकाओं के बारे में बात नहीं कर रहे हैं!)।

आइए तस्वीरों में इस डेटा पर एक बेहतर नज़र डालें।

मुख्य रूप से विकास में लगी कंपनी में बिल्ली प्रेमियों का अनुपात क्या है?


(हां, सभी चित्र क्लिक करने योग्य हैं , कोड यहां है , और आगे आप निम्नलिखित सभी उदाहरणों का कोड पा सकते हैं)

इतना नहीं, लेकिन, दूसरी ओर, इतना कम नहीं - लगभग हर चौथा व्यक्ति पहले से ही अपने घर को चार-पैर वाले दोस्त के साथ साझा करता है, या करने जा रहा है। और कुछ - और एक के साथ नहीं!

और ये बिल्लियाँ और बिल्लियाँ कौन हैं?
दुनिया में अब लगभग सात दर्जन बिल्ली की नस्लें हैं । रूस में लगभग 40 नस्लें पाई जा सकती हैं, और इससे भी कम व्यापक हैं। हमारे प्रोग्रामर किस तरह की बिल्लियों के साथ रहते हैं? दूसरों की तुलना में कितने अधिक?

इस जानकारी का प्रतिनिधित्व करने के लिए, आप सरलतम प्रकार की श्रृंखला - बार, या बार चार्ट ले सकते हैं। कागज पर इस तरह का एक ग्राफ एक महत्वपूर्ण बिंदु नहीं देता है - यह असंभव है, पहली नज़र में, सबसे आम नस्ल को निर्धारित करने के लिए, इसकी कल्पना करें। सौभाग्य से, आधुनिक वेब पूरी तरह से अन्तरक्रियाशीलता और उपयोगकर्ता बातचीत पर बनाया गया है। और ChartJS का उपयोग करते समय यह बिलकुल भी मुश्किल नहीं है कि जब कोई उपयोगकर्ता किसी चार्ट के साथ इंटरैक्ट करता है, तो बिल्ली की तस्वीर दिखाने की क्षमता को जोड़ना:


आप यहां खेल सकते हैं ।

और यहां, जब तस्वीर को देखते हैं, तो आपको किसी भी संदेह और विचार की आवश्यकता नहीं होती है - तथ्य हड़ताली हैं: हालांकि कुछ प्रकार की शुद्ध बिल्लियां काफी लोकप्रिय हैं (यहां तक ​​कि काफी विदेशी प्रजातियां भी हैं) - साधारण ग्रे-व्हाइट-रेड जिस्टिक लोकल बिल्लियों पर लगातार जीत हासिल करते हैं बिल्लियों और बिल्लियों।

वैसे, बिल्लियों या बिल्लियों के बारे में क्या?
यह दिखाना भी आसान है - आइए बिल्लियों और बिल्लियों के डेटा पर दो अलग-अलग मात्राओं पर विचार करें जिन्हें दो श्रृंखलाओं के डेटा का उपयोग करके दर्शाया जा सकता है:




यह पहले से ही स्पष्ट रूप से दिखाई देता है कि वहाँ कितने लोग हैं - बिल्लियाँ या बिल्लियाँ, और कौन अधिक। आप स्याम देश की बिल्लियों की संख्या के साथ ब्रिटिश बिल्लियों की संख्या की तुलना कर सकते हैं।
लेकिन फिर यह देखना थोड़ा बुरा हो गया कि कौन सी नस्लें कुल हैं।
हम चार्ट में सुधार करना जारी रखेंगे - आसन्न सलाखों के बजाय, हम स्टैक्ड सलाखों के रूप में एक ही डेटा दिखाएंगे:




वैसे, अगर जानवरों की सही संख्या हमारे लिए बिल्कुल भी दिलचस्प नहीं है, और प्रत्येक नस्ल के भीतर केवल अनुपात महत्वपूर्ण हैं, तो हम पूर्ण स्टैक्ड बार श्रृंखला का उपयोग करके मात्रा के दृश्य घटक से पूरी तरह से छुटकारा पा सकते हैं:




अंतिम तीन रेखांकन इस बात का एक बड़ा उदाहरण है कि कोड की केवल एक पंक्ति मानव धारणा को कैसे प्रभावित कर सकती है। न्यूनतम कोड का उपयोग करते हुए, हम अपने उपयोगकर्ताओं को कुछ विचारों और निष्कर्षों के लिए राजी कर सकते हैं, उन्हें देख सकते हैं कि सबसे लोकप्रिय प्यूरब्रेड और बाद की ब्रिटिश नस्लों के बीच बिल्लियों का अनुपात लगभग समान है - यह पहले ग्राफ़ पर दिखाई नहीं दे रहा था। लेकिन आखिरी पूरी तरह से खोई हुई राशि पर ...

एकमात्र अच्छा उपाय यह है कि उपयोगकर्ताओं को अपने लिए चुनने दें कि वे क्या और कैसे देखना चाहते हैं:



यह ग्राफ़ के प्रकार में गतिशील परिवर्तन के लिए ठीक है जिसे कोड की तीन पंक्तियों के साथ प्राप्त किया जा सकता है - मिस्र के कोष्ठक की गिनती - हमने चार्टजेएस बनाया।

मात्रा केवल हमारी बिल्लियों के लिए समर्पित संकेतक नहीं है।
उदाहरण के लिए: बिल्ली के परिवार के एक विशिष्ट प्रतिनिधि के रूप में एक ही सफलता वाले कुछ लोग, लोगों को यह समझाने में सक्षम हैं कि वह पिछले 24 घंटों से भूखा है। अक्सर बिल्लियां परिणाम बन जाती हैं, धीरे-धीरे अपने वजन के मालिकों के साथ पकड़ती हैं।

DX बिल्लियों का वजन क्या है? कौन सी बिल्ली सबसे हल्की है और कौन सी सबसे भारी है और क्या यह नस्ल पर निर्भर करता है?
आइए प्रत्येक नस्लों के औसत वजन को देखें, साथ ही साथ उनके प्रतिनिधि किस हद तक पहुंचते हैं। RangeBar और RangeArea श्रृंखला के प्रकार प्रदर्शन श्रेणियों के लिए महान हैं:



(हाँ, दुर्भाग्य से, कुछ बिल्लियाँ एक ही प्रति में मौजूद हैं; उनके लिए, औसत वजन स्वाभाविक रूप से उनके साथ मेल खाता है। उदाहरण यहाँ है )

यह पहले से ही धीरे-धीरे स्पष्ट हो रहा है कि किस नस्ल में सबसे अधिक दयालु आँखें हो सकती हैं! ...
खैर, या जो अंधेरे गली में डर होना चाहिए ...

मुख्य बात, निश्चित रूप से, यह याद रखना है कि एक बिल्ली को खिलाने में कोई चरम सीमा तक नहीं जा सकता है; इसके विपरीत, आपको सुनहरे मतलब का पालन करने की आवश्यकता है!



आखिरकार, स्तनपान कराने से चरित्र खराब हो सकता है ... कम से कम लगभग अग्रिम में मूल्यांकन करना बेहतर है कि कुछ निश्चित मात्रा में भोजन बिल्ली के मूड को कैसे प्रभावित करेगा।



(उदाहरण कोड यहाँ है । उदाहरण बनाते समय, डेटा को लेखक की भावनाओं के अनुसार चुना गया था और एक भी जानवर घायल नहीं हुआ था!)

हमारे कर्मचारियों के बीच बिल्लियों की उम्र का एक दिलचस्प वितरण। युवा बिल्लियों की ओर ग्राफ में स्पष्ट उछाल है। यह चोटी उन जानवरों की अनुसूची के बारे में विस्तार से विचार करने की अनुमति नहीं देती है जो थोड़ा पुराने हैं। यहां आप चार्ट को स्केल करने की क्षमता का उपयोग कर सकते हैं:



एक ग्राफ़ को स्केल करने के उदाहरण के लिए कोड।

मुझे गंभीरता की डिग्री को थोड़ा और कम करने दें!

घर में दिखाई देने के बाद, बिल्ली पूरे घर में रहती है। उसके रहने के निशान हर जगह मिल सकते हैं।
मालिक के कपड़ों पर एक औसत बिल्ली कितने बाल छोड़ती है? यदि, निश्चित रूप से, यह सिद्धांत रूप में छोड़ देता है ... क्योंकि कभी-कभी हमें दर्शक को न केवल शून्य के बराबर मूल्य दिखाने की आवश्यकता होती है, बल्कि मूल्य के अभाव जैसे:



नमूना कोड शून्य मान ।

खैर, अंतिम बिंदु एक अलग मुद्दा है जो विशेष रूप से हमारे पेशे के लिए समर्पित है।
आपकी पसंदीदा होस्ट प्रोग्रामिंग भाषा समग्र जानवरों की बिल्ली के समान को कैसे प्रभावित करती है?

ठीक है, यहाँ निश्चित रूप से आपको "फेलिन" की अवधारणा को निर्धारित करना होगा ... कुछ बहस के बाद, दो मानदंड चुने गए:

1. पूंछ की लंबाई;
2. खेल के दौरान मालिक द्वारा प्राप्त खरोंच की संख्या।

यह समझा जाना चाहिए कि इन दो संकेतकों को विभिन्न इकाइयों में मापा जाता है - पहला सेंटीमीटर में, दूसरा इकाइयों में (अच्छी तरह से, या दर्जनों इकाइयों में ...); उन्हें एक धुरी पर दिखाना अकादमिक रूप से गलत है।
हम जो करते हैं वह ग्राफ में एक दूसरी धुरी जोड़ते हैं, पहले ग्राफ को मुख्य अक्ष के साथ जोड़ते हैं, और दूसरा सिर्फ एक जोड़े के साथ।
ग्राफ़ को पढ़ना थोड़ा आसान था, आप वैकल्पिक रूप से उन्हें उसी रंग में आकर्षित कर सकते हैं जिसे हम डेटा खींचते हैं, और एक अक्ष को कैनवास के दाहिने किनारे पर स्थानांतरित करते हैं।
यह इस तस्वीर को बदल देता है:




तस्वीर से निष्कर्ष बहुत दिलचस्प हैं। सी ++ पूंछ की लंबाई में निर्विवाद नेता है - और यह आश्चर्य की बात नहीं है! डेल्फी अप्रत्याशित रूप से इसका अनुसरण करती है, और बल्कि अप्रत्याशित फ़ोटोशॉप एक्शन स्क्रिप्ट शीर्ष तीन को बंद कर देती है - एक मजबूत संदेह है कि डिज़ाइन टीम बिल्लियों ने इसे आज़माया ... वैसे, उन्होंने पंजे के मैदान पर काफी आत्मविश्वास से दिखाया ... लेकिन आधा बहुत सी # बिल्लियों! ये स्पष्ट रूप से, वास्तविक जानवर हैं!

यहाँ, हालांकि, एक पकड़ है। ग्राफ औसत मूल्यों को दर्शाता है; शायद हमने उनका विश्लेषण किया होगा, केवल हाथ पर नंबर थे।
यदि हम सर्वेक्षण में मूल्यों के वितरण के गलियारे को ग्राफ़ में जोड़ते हैं, तो तस्वीर बदल जाती है:



यह देखा जा सकता है कि C # पर औसत मूल्य, हालांकि बड़ा है, मूल्यों के वितरण के लगभग नीचे है। यही है, C # बिल्लियों के बहुमत सामान्य मानव मित्र हैं। एक या अधिक फ़लाइन टर्मिनेटर संभवतः उच्च औसत मूल्य के लिए जिम्मेदार हैं।

इसके साथ ही, DX बिल्लियों के हमारे संक्षिप्त दृश्य विश्लेषण का निष्कर्ष निकालते हैं।

और बिल्ली के बच्चे के अलावा, क्या ये चार्ट किसी भी चीज़ के लिए अच्छे हैं?

हम ऐसा मानते हैं।

बेशक, ऊपर मेरा विश्लेषिकी अक्सर स्पष्ट रूप से हास्य था।

हालांकि, हमारी बिल्लियों के उदाहरण का उपयोग करते हुए, मैंने डेटा विज़ुअलाइज़ेशन के लिए कुछ काफी गंभीर दृष्टिकोण दिखाने की कोशिश की। यह दिखाने के लिए कि चित्रमय रूप में व्यक्त किए गए डेटा कुछ संख्याओं की धारणा को कैसे बदलते हैं, और ग्राफ़ के प्रकार में परिवर्तन से किस नज़रिए के साथ इन आंकड़ों पर विचार किया जाता है।

सभी ग्राफ़ पूरी तरह से जीवंत हैं और उपयोगकर्ता के साथ विभिन्न रूपों में सक्रिय बातचीत की अनुमति देते हैं।

ग्राफ़ के प्रकार में एक पारदर्शी बदलाव उपयोगकर्ता को विभिन्न कोणों से एक ही डेटा को देखने, नए पैटर्न प्राप्त करने और नए निष्कर्ष पर आने की अनुमति देता है।

उपयोगकर्ता की पसंद का मूल्यांकन करने के लिए संकेतकों का उपयोग उनका ध्यान आकर्षित करता है और निर्णय के परिणामों की बेहतर प्रस्तुति की अनुमति देता है।

ग्राफ़ की स्केलिंग अक्सर डेटा की एक विस्तृत श्रृंखला का मूल्यांकन करने और एक छोटी सीमा के भीतर स्थानीय परिवर्तनों का विश्लेषण करने में सक्षम होने के लिए आवश्यक है।

ठीक है, निश्चित रूप से, हमारे पुस्तकालय का उपयोग वास्तविक परियोजनाओं में किया जाता है।

कैसे स्टील का तड़का लगाया गया

फुर्तीले विकास के सिद्धांतों के अनुसार, हमने पहले पुनरावृत्तियों के बाद पड़ोसी विभागों की दया को अपना पुस्तकालय दिया। वास्तविक परियोजनाओं में इसके उपयोग और लोगों से प्रतिक्रिया प्राप्त करने की तुलना में उत्पाद के विकास के लिए अधिक उपयोगी कुछ भी नहीं है।

तकनीकी सहायता विभाग ने उन्हें गुणवत्ता और गति के लिए अपने शाश्वत संघर्ष के लिए समर्पित वेबसाइट में बनाया - आने वाले अनुरोधों का विश्लेषण; आंतरिक विभाग बग ट्रैकर के साथ एकीकृत करता था। और टीवी पर प्रत्येक मंजिल की रसोई में, एक मिनी-साइट विभाग द्वारा कीड़े की संख्या के ग्राफ के साथ घूम रही है और कीड़े की संख्या की गतिशीलता (मैं रसोई में लीवर की खपत के इन ग्राफ और ग्राफ़ की तुलना करने की इच्छा से लंबे समय से दौरा किया गया है - सहसंबंध निर्धारित करने के लिए, लेकिन मेरे हाथ तक नहीं पहुंचे ...) ।

इस प्रकार, हम जल्द से जल्द प्रतिक्रिया प्राप्त कर सकते हैं।

प्राप्त फीडबैक के आधार पर, पुस्तकालय का विस्तार और विस्तार हुआ।

हमारी टीम स्वयं भी अपने चार्ट - प्रदर्शन सांख्यिकी टूल में उपयोग करती है। बेशक, हम C ++ में लिखे गए C ++ कंपाइलर से बहुत दूर हैं, लेकिन यह अभी भी अच्छा है!

जारी करने के करीब, अधिक गंभीर चीजों के लिए पुस्तकालय का उपयोग किया जाने लगा। लाइब्रेरी के तत्वों का उपयोग नए DevExpress उत्पाद में किया जाता है - डैशबोर्ड, वित्तीय डेटा सहित बड़ी मात्रा में डेटा के विश्लेषण के लिए समर्पित। DevExpress वेबसाइट पर डैशबोर्ड का एक उदाहरण ।

ChartJS विगेट्स न केवल उद्यम समाधान के लिए उपयुक्त हैं। पुस्तकालय ग्रंथियों और माइक्रोकंट्रोलर्स के साथ काफी सफलतापूर्वक काम करता है - जिसे पुण्य 2 समाधान और मौसम सेंसर के एक संयोजन के द्वारा सफलतापूर्वक प्रदर्शित किया गया था - वास्तविक समय के ग्राफ के परिणाम लेखक के ब्लॉग पर उपलब्ध हैं।

हुड के नीचे

इंटरनेट पर कुछ दिलचस्प देखने वाले लोगों की एक बड़ी संख्या (हैब्रा का दौरा) की प्रतिक्रिया दिलचस्प एक पर राइट-क्लिक करना और "निरीक्षण तत्व" का चयन करना है।

मुझे कुछ बिगाड़ने दो।

चार्ट प्रदान करने के लिए, हम एसवीजी का उपयोग करते हैं। यह तकनीक अधिकांश आधुनिक ब्राउज़रों में बहुत काम करती है, कभी-कभी यह हार्डवेयर त्वरण का उपयोग करती है, और यदि वांछित है, तो इसे सीएसएस स्टाइलशीट का उपयोग करके स्टाइल किया जा सकता है। रेंडरिंग कई चरणों में, अतुल्यकालिक रूप से हो सकता है, ताकि लंबे समय तक जावास्क्रिप्ट इंजन पर कब्जा न हो और उपयोगकर्ता इंटरफ़ेस की जवाबदेही में कमी न हो।

"चार्ट" -> "डेटा विश्लेषण" -> "कॉर्पोरेट क्षेत्र" -> "विंडोज़ xp" -> IE 8 की बारीकियों और श्रृंखला के कारण, हमारे पास वीएमएल तकनीक का उपयोग करके इस ब्राउज़र का समर्थन करने के अलावा कोई विकल्प नहीं था। संक्रमण अंदर होता है और उपयोगकर्ता के लिए अदृश्य होता है।

यह हमें इस तथ्य की ओर ले जाता है कि चार्ट खुद पर निर्भरता इंजेक्शन (डीआरवाई और एसओएलआईडी भी हमारे लिए खाली नहीं हैं) के सिद्धांत के अनुसार कई मामलों में वास्तुशिल्प रूप से डिज़ाइन किए गए हैं। मैं इस दृष्टिकोण का बहुत बड़ा प्रशंसक हूं और इसका जोरदार प्रचार करता हूं। जावास्क्रिप्ट दुनिया में, इस दृष्टिकोण ने कुछ दिलचस्प विशेषताओं का अधिग्रहण किया है जिनकी मैं भविष्य में अलग से चर्चा करने की योजना बना रहा हूं।

प्रत्येक दृश्य तत्व को एक स्वतंत्र वस्तु के रूप में लागू किया जाता है, जो इनपुट पर कुछ आश्रित वस्तुओं (दृश्य और गैर-दृश्य) को प्राप्त करता है।

स्क्रीन निर्देशांक की गणना के लिए लगभग सभी तत्व "अनुवादक" ऑब्जेक्ट पर भरोसा करते हैं, जिसका कार्य स्क्रीन के पिक्सल में विषय क्षेत्र ("व्यावसायिक मूल्यों") की इकाइयों का अनुवाद करना है। इस प्रकार, यह अनुवाद अच्छी तरह से पृथक है, डुप्लिकेट नहीं है, और आसानी से खुद को केंद्रीकृत संशोधन के लिए उधार देता है (उदाहरण के लिए, जब हम चार्ट का जूमिंग करते हैं)।

यदि हम एक ग्राफ के रूप में घटकों के बीच निर्भरता को चित्रित करते हैं, तो हम एक काफी स्वच्छ पदानुक्रम पिरामिड देखेंगे - और हम बहुत प्रयास करते हैं ताकि "वेब" में स्लाइड न करें, जो अनिवार्य रूप से हमारे लिए एक हार्ड-टू-संशोधित कोड के साथ समाप्त होता है और सरलतम सुविधाओं के लिए एक लंबा इंतजार - हमारे उपयोगकर्ताओं के लिए। पहले से ही अब हम बॉक्स से बड़ी संख्या में दिलचस्प चीजें प्रदान कर रहे हैं, लेकिन हमारे पास अभी भी बहुत सारी योजनाएं हैं!

शुद्ध जेएस से विजेट बनाने के लिए क्लासिक दृष्टिकोण के अलावा, हम पूरी तरह से तेजी से बढ़ रहे नॉकआउट ढांचे का समर्थन करते हैं, जो HTML + जावास्क्रिप्ट एप्लिकेशन बनाने के लिए MVVM दृष्टिकोण का उपयोग करने की अनुमति देता है। निकटतम उपयोग मामला फोनजेएस में लिखा गया DXWorkout एप्लिकेशन है।

लोगों के लिए अफीम कितनी है?

यदि आप एक उत्साही हैं, यदि आप समाज के भले के लिए काम करते हैं, यदि आप एक ओपन-सोर्स प्रोजेक्ट का संचालन कर रहे हैं, तो यह आपके लिए पूरी तरह से मुफ्त होगा।

यदि आपके पास एक वाणिज्यिक परियोजना है, और हमारी लाइब्रेरी के लिए धन्यवाद, स्वर्ण नदियां आपके पास बहेंगी - हम वाणिज्यिक उपयोग के लिए कुछ कीमत मांगते हैं। इसके लिए आपको क्या मिलेगा? किसी भी साइट और परियोजनाओं पर लाइब्रेरी का उपयोग करने का अधिकार। वार्षिक सदस्यता अवधि के दौरान हमारी सहायता टीम को असीमित संख्या में प्रश्न। आपके उत्पादों के साथ हमारे पुस्तकालय को वितरित करने की क्षमता - और यदि आवश्यक हो, तो आपके द्वारा सही और पूरक - स्रोत कोड खुला है।

मैं कहां देख सकता हूं और कोशिश कर सकता हूं?

पुस्तकालय चार्टजस वेबसाइट पर डाउनलोड के लिए उपलब्ध है।

हमारे चार्टजेएस डेमो गैलरी में बड़ी संख्या में उदाहरण प्रकाशित किए गए हैं, जिससे आप अपने विजेट के विभिन्न कॉन्फ़िगरेशन विकल्पों के साथ खुद को परिचित कर सकते हैं, खुद को सुविधाओं से परिचित कर सकते हैं और ऑनलाइन कोड के साथ खेल सकते हैं।

साइट नियमित रूप से उन ब्लॉगों को प्रकाशित करेगी जो सुविधाओं, तरीकों, डेटा विज़ुअलाइज़ेशन के दृष्टिकोण, सही डेटा प्रदर्शन और संबंधित चीजों को चुनने के लिए तकनीकों के बारे में बात करते हैं।

मैं वहां बिल्ली के बच्चे की उपस्थिति की गारंटी नहीं दे सकता, लेकिन यह बहुत संभावना है।

आप सभी का ध्यान और अच्छे मूड के लिए धन्यवाद!
एक अच्छा मूड हमेशा गंभीर चीजें करने में मदद करता है।

पुनश्च अद्भुत साइट placekitten.com का उपयोग लेख और उदाहरणों में किया गया था , रूसी विकिपीडिया अनुभाग से कई तस्वीरें (जिसमें बिल्लियों के बारे में एक प्रभावशाली खंड है ) और कई तस्वीरें जिनके लेखक मुझे नहीं मिल पाए, लेकिन मैं उनके लिए बहुत आभारी हूं। और इससे भी अधिक - मेरे सहयोगियों के लिए जिन्होंने समय नहीं छोड़ा और मुझे अपनी बिल्लियों के बारे में बताया।
उदाहरण JSFiddle पर होस्ट किए गए हैं और GitHub रिपॉजिटरी में उपलब्ध हैं।