Comment aligner le titre html div avec le graphique horizontalement dans highchart?

Question

Considérez ce qui suit jsfiddle

Je suis en train d'aligner l'écart entre le titre bottom-border et le tableau. De préférence, les côtés gauche et droit du graphique s'alignent respectivement sur les côtés gauche et droit de la bordure du titre.

Y at-il de toute façon que je peux le faire sans codage en dur (ma largeur de tableau change par rapport à la taille de l'écran)?

Answer 1

Vous pouvez forcer le titre à avoir la même largeur et le même décalage que la zone de traçage. Pour vous assurer que son utilisation réactive l'événement render:

chart: { 
    plotBorderWidth: 1, 
    events: { 
    render: function() { 
     var style = this.title.element.style; 
     style.left = this.plotLeft + 'px'; 
     style.width = this.plotWidth + 'px'; 
    } 
    } 
} 

Démo du travail en direct:http://jsfiddle.net/kkulig/y3fj6vpq/

référence API: https://api.highcharts.com/highcharts/chart.events.render

Answer 2

Modifiez ces deux propriétés du titre.

left: 77px; 
width: 922px;