Obtenir Highcharts largeur
Je voudrais obtenir le tableau actuel de la largeur, j'ai essayé quelque chose comme ceci:
chart.width
et
$(this).parent().width()
où le graphique est
chart = new Highcharts.Chart({ ... })
Mais ne fonctionne pas...
PLUS D'INFOS
Je voudrais mettre une image (une aide) à gauche des exportations boutons (responsive).
Pour le moment j'ai le code suivant:
$(document).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'area1',
type: 'bar',
events: {
load: drawImages,
}
...}
})
})
Et
function drawImages() {
var chart = this;
x = chart.plotRight - 50
chart.renderer.image('/assets/faq.png', x, 0, 20, 20)
.attr({
zIndex: 100,
title: "My title for displaying a tooltip"
})
.css({
cursor: 'pointer'
})
.add();
};
Mais les images s'affiche sur le côté gauche du graphique (à l'aide de plotRight
).
Je sais comment obtenir la largeur de la div contenant le graphique ("euro1"), mais j'aime avoir du code plus Orientée Objet (parce que j'ai au moins 5 graphiques par page).
Vous devez vous connecter pour publier un commentaire.
Dans l'objet graphique, vous avez accès à chartWidth paramètre, ce qui maintient la largeur du graphique.
http://jsfiddle.net/7xNQL/1/
Enfin j'ai trouver une solution, en utilisant la méthode de "conteneur":
Ce retourne la largeur du graphique.
$(this.container).width()
. Probablement évident pour tout le monde, mais je suis nouveau 😉Vous pouvez utiliser le xAxis extrême.max et de le traduire en pixels. Quelque chose comme (pas testé):
Il se sent comme il doit y avoir un moyen plus facile, mais je pense que je l'aurais utilisé la div contenant la largeur. Vous pourriez peut-être utiliser les options du graphique pour obtenir le div contenant que j'avais et obtenir la largeur de que.