क्षेत्र चार्ट के शीर्ष पर हाईचेर्ट्स क्रॉसहेयर शो भर सकते हैं?

Question

क्या हाईचार्ट्स के लिए क्रॉस-हेयर क्षेत्र के चार्ट के शीर्ष पर दिखाए जा सकते हैं इसके नीचे छिपे रहने की बजाय?
यहाँ समस्या का एक उदाहरण है jsfiddle.net/hHjZb/1286/

Answer 1

अद्यतन:
Highcharts अब the OP's feature request लागू किया गया है। अब आप tooltip संपत्ति में निर्दिष्ट कर सकते हैं। जैसा:

tooltip: { 
    crosshairs: [ { 
     width: 1, 
     color: 'lime', 
     zIndex: 22 
     }, { 
     width: 1, 
     color: 'lime', 
     zIndex: 22 
    } ] 
}, 

---

इस सवाल के समय, Highcharts हमें ऐसा करने के लिए एक तरह से हार नहीं मानी। सीएसएस शैलियों भी साजिश आदेश (दृश्यता) बदल सकते हैं।
feature request बनाने पर विचार करें। (अद्यतन: एफआर बनाया और कार्यान्वित किया गया था।)

इस बीच, आप हाईचार्ट्स स्रोत को ट्विक कर सकते हैं (उस उदाहरण में, यह highcharts.com/js/testing.js है)।

स्रोत फ़ाइल में इस लाइन खोजें:

attribs = { 
    'stroke-width': crosshairsOptions[i].width || 1, 
    stroke: crosshairsOptions[i].color || '#C0C0C0', 
    zIndex: 2 
}; 

और zIndex को 20.

बदल तो स्रोत फ़ाइल में इस लाइन को खोजने:

var group = renderer.g('tooltip') 
    .attr({ zIndex: 8 }) 
    .add(), 

और zIndex को बदलें 22.

Answer 2

वहाँ क्रॉसहेयर के लिए एक zIndex विशेषता है:

tooltip: { 
    crosshairs: [{ 
     width: 3, 
     color: 'green', 
     zIndex: 50 
    }, { 
     width: 3, 
     color: 'green', 
     zIndex: 50 
    }] 
}, 

http://jsfiddle.net/hHjZb/3711/