2012-12-08 15 views
10

मैं अपने PHP वेबसाइट में हाई-चार्ट का उपयोग पुराने चार्ट से माइग्रेट करके कर रहा हूं और मैं इस लाइब्रेरी के साथ ग्राफ विकल्पों और कार्यों की संख्या से बहुत प्रभावित हूं।हाईचर्ट्स: चार्ट के एक्स-एक्सिस में हाइपरलिंक्स जोड़ना

हालांकि मैं किसी अन्य यूआरआई पर नेविगेट करने के लिए एक्स-अक्ष (या वाई-अक्ष) के मानों के लिए हाइपरलिंक्स प्रदान करने में सक्षम नहीं हूं।

श्रेणियाँ की

कोड इस मामले

xAxis: { 
    categories: [ 
     'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec' 
    ] 
}, 

में किसी को भी मुझे एक उदाहरण या दस्तावेज पर Highcharts यदि उपलब्ध हो तो को इंगित कर सकते हैं।

धन्यवाद

संपादित करें: उत्तर

यहाँ जुड़ा हुआ श्रेणी नाम के लिए jsfiddle है: http://jsfiddle.net/a5Bdt/

+0

यहाँ स्पष्टीकरण के लिए jsfiddle उदाहरण है: http://jsfiddle.net/Lc6zx/ मैं, पृष्ठों विकि के लिए – learner

+0

संबंधित x- अक्ष पर दिसंबर को जैन के लिए हाइपरलिंक सेट करना चाहते हैं/डुप्लिकेट http://stackoverflow.com/questions/12758465/how-to-handle-mouse-events-on-axis-labels-in-highcharts –

+0

फ़िल्ड बहुत अच्छा काम करता है लेकिन यदि आप श्रेणियां चाहते हैं जो अब दिखने के लिए लिंक हैं आपकी साइट के किसी भी अन्य लिंक उपयोग HTML जोड़ें: फ़ॉर्मेटर फ़ंक्शन के बाद सत्य। – RichP

उत्तर

13

थोड़ा समय के बाद से मैं Highcharts में काम किया है किया गया है, लेकिन मेरा मानना ​​है कि आप बस की जरूरत है formatter फ़ंक्शन प्रदान करें। उदाहरण के लिए:

xAxis: { 
    categories: [ 
     'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec' 
    ], 
    labels: { 
     formatter: function() { 
      return '<a>' + this.value + '</a>' 
     }, 
     useHTML: true 
    } 
}, 
+3

मुझे भी विश्वास है कि आपको http://api.highcharts.com/highcharts#xAxis.labels.useHTML जोड़ना होगा क्योंकि यह गलत पर डिफ़ॉल्ट है। – craig1231

+0

धन्यवाद दोस्तों, क्या आपको इसे jsfiddle करने का मौका मिला है ?, यह मेरे लिए काम नहीं करता है, मुझे यकीन नहीं है कि अगर मुझे कुछ – learner

+0

याद आया तो मेरे लिए भी काम नहीं किया। –

3
var categoryLinks = { 
     'Foo': 'http://www.google.com', 
     'Bar': 'http://www.facebook.com', 
     'Foobar': 'http://www.stackoverflow.com' 
    }; 
    $('#container').highcharts({ 
     xAxis: { 
      categories: ['Foo', 'Bar', 'Foobar'], 

      labels: { 
       formatter: function() { 
        return '<a href="' + categoryLinks[this.value] + '">' + 
         this.value + '</a>'; 
       } 
      } 
     }, 
     series: [{ 
      data: [300, 200, 600] 
     }] 
    }); 
संबंधित मुद्दे