2012-12-08 21 views
10

Ho utilizzato HighCharts nel mio sito Web PHP migrandolo da grafici precedenti e sono molto impressionato dal numero di opzioni e funzioni del grafico con questa libreria.HighCharts: aggiunta di collegamenti ipertestuali all'asse X del grafico

Tuttavia, non sono in grado di fornire collegamenti ipertestuali ai valori dell'asse x (o dell'asse y) per navigare verso un altro URI.

Codice delle categorie in questo caso

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

Qualcuno mi può indicare un esempio o la documentazione sulla Highcharts se disponibile.

Grazie

EDIT: RISPOSTA

Ecco l'jsfiddle per nomi delle categorie collegate: http://jsfiddle.net/a5Bdt/

+0

Ecco l'esempio jsfiddle di chiarimenti: http://jsfiddle.net/Lc6zx/ voglio impostare il collegamento ipertestuale per gen-Dic su asse x per Wiki, – learner

+0

correlati/Duplica http://stackoverflow.com/questions/12758465/how-to-handle-mouse-events-on-axis-labels-in-highcharts –

+0

Fiddle funziona alla grande ma se vuoi le categorie che ora sono link per assomigliare qualsiasi altro link nel tuo sito aggiungi useHTML: true dopo la funzione di formattazione. – RichP

risposta

13

E 'stato un po' da quando ho fatto il lavoro in Highcharts, ma credo che non vi resta che fornire una funzione formatter. Per esempio:

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

Inoltre, credo che dovresti aggiungere http://api.highcharts.com/highcharts#xAxis.labels.useHTML poiché questo valore è impostato su false. – craig1231

+0

Grazie ragazzi, avete avuto la possibilità di provarlo jsfiddle ?, non ha funzionato per me, non sono sicuro se ho perso qualcosa – learner

+0

Non ha funzionato neanche per me. –

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] 
     }] 
    }); 
Problemi correlati