javascript - Highcharts : How to flag the local maxima on a dynamic graph drawn using HighChart -


यहां jsfiddle लिंक है

और यह मेरा कोड है

  $ (फ़ंक्शन () {$ (दस्तावेज़) .ready (फ़ंक्शन () {उच्चचरट .सेटऑफॉशन ({वैश्विक: {useUTC: false}}); var चार्ट; $ ('# कंटेनर')। उच्चचर्च ({चार्ट: { टाइप करें: 'पट्टी', एनीमेशन: हाईचार्ट्स एसवीजी, // पुराने आईई मार्जिन में चेतन नहीं: 10, घटनाएं: {load: function () {// चार्ट के अपडेट को प्रत्येक दूसरे var श्रृंखला = सेट करें श्रृंखला [0]; सेट इन्टरवाल (फ़ंक्शन () {var x = (नया दिनांक ())। GetTime (), वर्तमान समय y = गणित.रेन्डम (); श्रृंखला.एडपॉइंट ([x, y], सच है, सच (शीर्षक: {text: 'value'},);}}, शीर्षक: {text: 'Live random data'}, xAxis: {type: 'datetime', tickPixelInterval: 450}, yAxis: प्लॉट लाइन: [{मूल्य: 0, चौड़ाई: 1, रंग: '# 808080'}], प्लॉट विकल्प: {श्रृंखला: {लाइनव्यूथ: 1}}, टूलटिप: {formatter: function () {वापसी '& lt; b & gt;' + This.series.name + '& lt; / b & gt; & lt; br / & gt;' + उच्चचरटडेटाफ़ॉर्मेट ('% Y-% m-% d% H:% M:% S', this.x) + ' & lt; br / & gt; '+ Highcharts.numberFormat (this.y, 2); }}, किंवदंती: {सक्षम: झूठी}, निर्यात: {सक्षम: झूठी}, श्रृंखला: [{नाम: 'रैंडम डेटा', डेटा: (फ़ंक्शन () {// यादृच्छिक डेटा के डेटा की एक सरणी उत्पन्न करती है = [] , समय = (नई तिथि ())। GetTime (), i; के लिए (i = -30; i & lt; = 0; i ++) {data.push ({x: समय + i * 1000, y: मथ.रेन्डम ()});} वापसी डेटा;}) (), रंग: 'लाल'}]}); }); });   

मैं यहाँ क्या करना चाहूंगा उन बिंदुओं को अलग-अलग रंग देना, जो उसके तत्काल पड़ोस में हैं।

यह कैसे करें?

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

क्या ऐसा करने के लिए कोई और अधिक सीधा तरीका है?

एडेपॉइंट फ़ंक्शन में, आप वस्तुओं (सरणी के बजाय) और रंग सेट कर सकते हैं। केवल आपको इसकी ज़रूरत है जो इसे जोड़ती है जो कि डिफ़ॉल्ट रंग को संशोधित करेगा।

  var x = (नई तिथि ())। GetTime (), // वर्तमान समय y = Math.random (), रंग = 'लाल'; // डिफ़ॉल्ट रंग // condition series.addPoint ({x: x, y: y, रंग: रंग}, सच है, सच);   



Comments

Popular posts from this blog

c - Mpirun hangs when mpi send and recieve is put in a loop -

python - Apply coupon to a customer's subscription based on non-stripe related actions on the site -

java - Unable to get JDBC connection in Spring application to MySQL -