/ / जावा आधारित वेबसाइट - java, javascript, html, ajax, html5 पर डायनामिक रूप से अपडेट करने वाले ग्राफ

जावा आधारित वेबसाइट - java, javascript, html, ajax, html5 पर गतिशील रूप से रेखांकन अपडेट करना

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

मैं जिन ग्राफ का उपयोग करूंगा, वे इस प्रकार हैं:

  • डोनट चार्ट
  • भरा हुआ लाइन चार्ट

ग्राफ द्वारा प्रदर्शित जानकारी को हर पल अपडेट किया जाना चाहिए। इन ग्राफ़ को प्रदर्शित करने वाली जानकारी सर्वर जैसी चीजें हैं वर्तमान नेटवर्क I / O, वर्तमान रैम उपयोग, वर्तमान CPU उपयोग, थ्रेड्स की मात्रा जो सर्वर पर चल रही है, थ्रेड्स के लिए प्रसंस्करण समय आदि।

जैसा कि पहले कहा गया है, मेरे पास पहले से ही यह सभी जानकारी एक पाठ-आधारित प्रारूप में जीयूआई को भेजी जा रही है।

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

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

  1. मैं यह करने के बारे में कैसे एक सुराग नहीं है।
  2. मुझे यकीन नहीं है कि अगर यह विधि Google चार्ट एपीआई विधि की तुलना में किसी भी बेहतर प्रक्रिया करेगी।

मैं एक तथ्य के लिए जानता हूं कि यह संभव होना है, क्योंकि स्मार्टफॉक्स सेवर जैसे एप्लिकेशन इसका इस्तेमाल करते हैं। उदाहरण छवि: SmartFoxServer दूरस्थ प्रशासन

उत्तर:

उत्तर № 1 के लिए 1

आप इसके लिए आसानी से कुछ ओपनसोर्स जेएस चार्ट लाइब्रेरी का उपयोग कर सकते हैं। अच्छे विकल्प: http://www.chartjs.org/ या http://www.flotcharts.org/ या http://dygraphs.com/

आपको अपने सर्वर से डेटा मिलता है i.e. AJAX के अनुरोध के साथ JSON प्रारूप (5 s अवधि?) और इसे चार्ट लाइब्रेरी को खिलाएं। आप सर्वर से ट्रिगर होने वाले अपडेट के लिए वेबसोकेट का उपयोग कर सकते हैं लेकिन यह थोड़ा अधिक कठिन है।