हाईचार्ट्स में किसी बिंदु की अनुक्रमणिका कैसे प्राप्त करें?

Question

मैं हाईचार्ट्स के चार्ट "अनियमित अंतराल के साथ समय डेटा" का उपयोग कर रहा हूं। जैसा कि आप जानते हैं कि जब माउस लाइन के बिंदुओं पर चलता है तो फॉर्मेटर फ़ंक्शन चलता है और कुछ जानकारी दिखाता है। मैं इस बिंदु के सूचकांक को जानना चाहता हूं कि माउस उस पर चलता है। तो यदि माउस लाइन के पहले बिंदु पर चलता है, तो टूलटिप "1" दिखाता है और दूसरा बिंदु "2" दिखाता है और इसी तरह। thnx।

Answer 1

यह मेरे लिए काम किया v2.2 का उपयोग कर:

this.series.data.indexOf(this.point) 

Answer 2

यह हैकी के रूप में आता है, और अंक के बहुत से नरक के रूप में धीमा हो जाएगा, लेकिन यह काम करेगा।

tooltip: { 
    formatter: function() { 
     for(var i=0;i<this.series.data.length;i++){ 
       var item = this.series.data[i]; 
       if(item.x == this.x && item.y == this.y) 
       return 'point ' + i; 
     } 
     return 'not found' 
    } 
    } 

लाइव उदाहरण: http://jsfiddle.net/Fuv4h/

Answer 3

एक तरह से पूर्व की प्रक्रिया के लिए डेटा है सामान्य विचार 'श्रृंखला के डेटा में सभी बिंदुओं के माध्यम से देखने के लिए जब तक आप वर्तमान बिंदु मिलान एक मिल रहा है इंडेक्स के साथ एक संपत्ति है।

function prepare(dataArray) { 
    return dataArray.map(function (item, index) { 
     return {x: item[0], y: item[1], myIndex: index}; 
    }); 
}; 

{ x: x, y: y, myIndex: i} की तरह एक वस्तु होने की [x, y] की सरणी परिवर्तित करने के लिए: स्नो गहराई उदाहरण में आप इस तरह की तैयारी कर सकता है। फिर इसके साथ फ़ॉर्मेटर में है कि सूचकांक को लेने के लिए आसान:

formatter: function() { 
    return 'point ' + this.point.myIndex; 
} 

उदाहरण पर jsfiddle

Answer 4

रिकॉर्ड अपने एक अच्छा तरीका में सीधे यह कर सकते हैं के लिए

यह में दुकान है:

this.points[0].point.x 

Answer 5

चूंकि डेटा सॉर्ट किया गया है, तो आप binary search का उपयोग कर सकते हैं।

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

उदाहरण:।

var bsComparator = function(a, b) { 
    if (a.x < b.x) { return -1; } 
    if (a.x > b.x) { return 1; } 
    return 0; 
}; 
var binarySearch = function(series_data, point) { 
    var low = 0, high = series_data.length - 1, 
     i, comparison; 
    while (low <= high) { 
     i = Math.floor((low + high)/2); 
     comparison = bsComparator(series_data[i], point); 
     if (comparison < 0) { low = i + 1; continue; } 
     if (comparison > 0) { high = i - 1; continue; } 
     return i; 
    } 
    return null; 
}; 


tooltip: { 
    formatter: function() { 
     var pointIndex = binarySearch(this.series.data, this.point); 
     return "Point index: " + pointIndex; 
    } 
} 

(binarySearch समारोह ऊपर http://www.dweebd.com/javascript/binary-search-an-array-in-javascript/ से प्रेरित है)

Answer 6

सौ आपके जैसे रुझानों को केवल xAxis मान की आवश्यकता है (यानी। पहर)। उपयोग करें: this.xData.indexOf(point.x)

इस पॉइंट को बड़ी श्रृंखला में समूहीकृत किया जाएगा, इसलिए अंक [0] ... अंक [n] के माध्यम से गहरी खोज की आवश्यकता होगी।

Answer 7

यह सब है कि Highstock जे एस v4.2.4 पर मेरे लिए काम किया है:

var index = this.points[0].point.dataGroup.start;