Discussion :

[lavm01]

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 !

[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,

@+

[lavm01]

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 !

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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".

@+

[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 !

[NoSmoking]

Bonsoir,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

par exemple.