Datalabels policeSize et position: différents résultats en fonction du navigateur

Question

Pour mon graphe de colonnes de haut diagramme, j'ai 2 séries et les valeurs peuvent être très proches les unes des autres, de sorte qu'un chevauchement peut se produire.

sur l'exportation, je réduis la propriété fontSize mais avec des résultats différents:

• Internet Explorer: Le fontSize reste le même. Laid.
• Firefox: La taille de police est réduite. Cependant, les datalabels ne sont plus centrés, ce qui est moche
• Chrome: Résultat parfait! Comme je m'attendrais. FontSize réduit et centré.

Y at-il quelque chose que je peux faire ou que vous pouvez faire (prochaine version)?

Voir la jsFiddle here:

• Ouvrir dans IE, Firefox et Chrome et d'exportation dans tous les formats (PNG dans mon test)

Je change l'exportation comme ça:

exporting: { 
     chartOptions: { 
      plotOptions: { 
       column: { 
        dataLabels: {  
         allowOverlap: true,    
         style: { 
          fontSize: 6 
         }, 
        } 
       } 
      } 
     } 
    } 

Merci d'avance.

Answer 1

En fait j'ai trouvé la réponse :).

Le fontSize devrait être déclarée comme "6px" et non 6.

donc au lieu de:

style: { 
    fontSize: 6 
}, 

changement comme

style: { 
     fontSize: "6px" 
    }, 

Comme ça, cela fonctionne comme je m'y attendais sur IE, FF, Chrome.