Je veux mettre des marqueurs sur un tableau de colonnes.
Pour être précis, le graphique est un pour les pistes marquées dans chaque partie de cricket. (un échantillon de graphique généré à partir de maintenant: http://img839.imageshack.us/img839/6091/screenshot2011177at124.png )
Maintenant ce que je veux réellement, c'est montrer que sur le guichet est tombé (quelque chose comme: Est-il possible d'accomplir cela dans les chatcharts?
Je vois un extrait de ceci dans ce tableau (quelque chose comme le soleil décrit ici: http://www.highchatts.com/demo/ Spline-symboles ).
3 Réponses :
dans le tableau CODE> DATA CODE> Vous pouvez spécifier des options pour un point particulier (tel qu'un marqueur personnalisé à afficher):
[...]
series: [{
name: 'Tokyo',
marker: {
symbol: 'square'
},
data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, /* HERE >>> */{
y: 26.5,
marker: {
symbol: 'url(/demo/gfx/sun.png)'
}
}, 23.3, 18.3, 13.9, 9.6]
},
[...]
La demande portait sur les graphiques de colonnes, les marqueurs ne sont visibles que dans des graphiques de ligne et de zone ...
J'ai eu un défi similaire, où je devais placer des icônes spécifiques sur mes colonnes:
pour y parvenir, j'ai utilisé le" code> formateur "/ code> rappel: comme vous pouvez le voir, vous pouvez alors Définissez dynamiquement une parcelle d'image ou une classe d'élément en fonction de votre valeur X / Y / Série / Point / Total / Total / Pourcentage de la valeur. Enfin, vous devrez également augmenter le Pour le voir en action avec des images "dynamiques" d'espace réservé, Regardez ce jsfiddle:
http://jsfiddle.net/dmcxs/ maxpadding Pour le yaxis , sinon les icônes / valeurs seront coupées (en fonction de la taille de l'icône, évidemment).
Vous pouvez utiliser deux séries, première colonne et deuxième dispersion avec un marqueur personnalisé.
Exemple: http://jsfiddle.net/ndpu6/
Wow, excellente solution simple. J'aurais aimé y avoir pensé avant de regarder autour de tout les plus complexes.
Serait cool si vous pouviez accepter l'une des réponses ci-dessous :)