URL sur les labels

Version imprimable

06/02/2013, 14h13
lavm01

URL sur les labels

Bonjour,

Mon intranet est monté avec highcharts depuis un petit bout de temps et maintenant je cherche à savoir s'il est possible sur un graphique en forme de tarte "pie" de mettre un url sur chaque label afin que l'usager puisse cliquer dessus.

Je sais que cela se fait sur chaque slice de la tarte mais moi j'aimerais l'avoir sur le nom de chaque slice. Car certaine pointe de tarte est tellement mince que même avec la souris je suis incapable de cliquer dessus. Si je pouvais cliquer sur le nom cela irait beaucoup mieux.

J'ai recherché dans la doc mais je n'ai rien vu à ce sujet.

Merci !
06/02/2013, 16h09
Sunchaser

Bonjour,
Tu ne peux pas envisager de passer par une gestion d'évènement sur les éléments de la légende ?
Certes, si tu as une légende ...
Voir ici éventuellement, ou il y a un petit exemple pour définir les clicks sur ces légendes (donc, ensuite, tu fais ce que tu veux).

Sinon, il y a un exemple d'évènement "click" sur un dataLabel: ici

En espérant t'aider,

@+
;)
06/02/2013, 17h22
lavm01

1 pièce(s) jointe(s)

Bonjour,
Il y a certainement un moyen de cliquer sur le name de chaque slice de la tarte au lieu de cliquer sur la slice directement.

Merci !
06/02/2013, 18h24
Sunchaser
Bonsoir,
Oui, et tu as la solution dans le deuxième lien que je t'ai donné.
Voire donc dans ce lien, la partie de code:
Code:

1 2 3 chart.series[0].data[6].dataLabel.on('click', function(e){ alert('clicked!') })
qui montre un exemple de comment obtenir cet effet.

Sauf si, évidemment, je ne comprends pas ce que tu as appelles "name de chaque slice".

@+
;)
06/02/2013, 20h35
lavm01

Bonjour,

Si tu vas voir l'image que j'ai mise, il y a des noms comme AUTRES, TSO, TCPIP, LIBRE, etc.. C'est sur ces labels la que je veux cliquer. Je sais que la procédure que tu m'as donnée le fait, mais comment l'incorporer sur chaque label afin que l'usager quand il clique sur TSO (par exemple) ouvre une autre page.

En résumé dans la tarte il y a 10, 20 ou 30 nom de labels (selon le cas), et quand l'usager clique sur un des labels (ex: TSO) il pointe sur un url (ex: tso.php) et ouvre cette page et ainsi de suite pour chaque label.

Merci !

Bonsoir,

Code:

1
2
3
chart.series[0].data[6].dataLabel.on('click', function(e){
    window.location="http://www.developpez.net/";//alert('clicked!')
})

par exemple.