Taille de police de légende Highcharts
Je suis en utilisant Highcharts pour ma page web et je n'arrive pas à trouver comment modifier correctement la taille de la police du titre et de la clé au fond. Je suis à l'aide de la base de la colonne avec un fond vert: http://www.highcharts.com/demo/column-basic/dark-green
Actuellement, c'est mon code:
Function:
$(function () {
$('#content').highcharts({
chart: {
type: 'column'
},
legend: {
itemStyle: {
color: 'white',
fontWeight: 'bold',
fontSize: '20px'
}
},
title: {
text: 'Title',
style:{
color: 'white',
fontSize: '25px'
}
},
subtitle: {
text: 'Subtitle'
},
xAxis: {
categories: [
' '
]
},
yAxis: {
min: 0,
title: {
text: 'MMBTUs x 10,0000',
style:{
color: 'white',
fontSize: '25px'
}
},
labels: {
style: {
color: 'white',
fontSize:'25px'
}
}
},
tooltip: {
headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
'<td style="padding:0"><b>{point.y:.1f} mm</b></td></tr>',
footerFormat: '</table>',
shared: true,
useHTML: true
},
plotOptions: {
column: {
pointPadding: 0.2,
borderWidth: 0
}
},
series: [{
name: '2009',
data: [4900000]
}, {
name: '2010',
data: [4900000]
}, {
name: '2011',
data: [5500000]
}, {
name: '2012',
data: [5200000]
}]
});
});
Html appel:
<div id="content" style="min-width: 300px; height: 1000px; margin: 2px; margin-bottom: 3px"></div>
et, comme indiqué, je suis en utilisant le Highcharts vert thème fourni par le site web lorsque vous cliquez sur afficher le thème visuel.
Maintenant, mon problème est lorsque je change:
legend: {
itemStyle: {
color: 'white',
fontWeight: 'bold',
fontSize: '20px'
}
en fonction de la taille de mon taille de la police est le 4 valeurs (2009, 2010, 2011, 2012) ne sont pas visibles ou les déplacer hors de la boîte au-dessous du graphique. La boîte elle-même n'est pas redimensionnée (ce qui n'est en jfiddle qui ne comprend pas le thème). La même chose arrive avec:
title: {
text: 'Title',
style:{
color: 'white',
fontSize: '25px'
}
},
la couleur change selon mes valeurs, mais la taille de la police ne le fait pas. Toute aide serait appréciée.
source d'informationauteur Ryan Sayles
Vous devez vous connecter pour publier un commentaire.
Ce thème utilise des polices au lieu de fontSize. Donc, c'est une légende qui est défini comme:
Si vous définissez le votre, avec à la fois la police et fontSize, ça marchera (semble être un bug pour moi, mais c'est peut-être une fonction):
Je suppose que le titre a la même chose se passe.
http://jsfiddle.net/kHzr9/