Changer La Taille De Police Jquery Hightcharts
est-il possible de changer la taille de police de graphique dans hightcharts jquery??
j'ai essayé de la fontsize option, mais ça ne fonctionne pas du tout..
j'ai essayé de faire la légende de police plus petite, de sorte qu'il peut s'adapter au panier avec pas de nouvelle ligne créée si la légende de long.
peut-être que quelqu'un a déjà tenté??
voici mon script:
options = {
chart: {
backgroundColor: {
linearGradient:[0, 0, 500, 500],
stops: [
[0, 'rgb(255,255,255)'],
[1, 'rgb(237,236, 250)']]},
type: tGraf,
renderTo: contGrafik,
defaultSeriesType: 'column',
width: sWidth
},
title: {
text: 'Human Resources',
style: {
font: 'normal 14px Verdana, sans-serif',
color : 'black'
}
},
subtitle: {
text: '',
style: {
font: 'normal 11px Verdana, sans-serif',
color : '#000099'
}
},
xAxis: {
title: {
text : ''
},
labels: {
rotation: 0,
align: 'right',
style: {
font: 'normal 11px Verdana, sans-serif',
color : 'black'
}
},
},
yAxis: {
allowDecimals : false ,
labels: {
align: 'right',
style: {
font: 'normal 11px Verdana, sans-serif',
color : 'black'
}
},
gridLineColor: '#EEEFE1',
title: {
text: 'Employees',
style: {
font: 'normal 13px Verdana, sans-serif',
color : 'black'
}
}
},
plotOptions: {
column: {
dataLabels : {
enabled : true,
formatter: function() {
return this.y;
}
},
cursor: 'pointer'
}},
legend: {
itemWidth : uLegend,
style: {
font: 'normal 5px Verdana, sans-serif',
color : 'black',
}
symbolPadding: 2,
symbolWidth: 15,
backgroundColor: '#FFFF99',
itemStyle: {
cursor: 'pointer',
color: '#3E576F'
},
width: 600,
align: 'center',
layout: 'horizontal'},
tooltip: {
formatter: function() {
return '<b>'+ this.series.name +'</b><br/>'+this.y + ' Orang';
}
}
};
OriginalL'auteur Xinez | 2011-08-09
Vous devez vous connecter pour publier un commentaire.
Vous pourriez être à la recherche pour
itemStyleoption d'une légende:OriginalL'auteur Igor Dymov
Je suis sûr que la réponse donnée par Igor est bonne, mais si vous voulez changer le texte à chaque endroit en vous graphique d'un seul coup, il suffit d'ouvrir le highchart.js fichier et mettre le style de police souhaité qu'il y a dessus. Juste fournir la modification que j'ai fait dans mon cas:
Ici, j'ai changé "Lucida" à "Exo 2". 🙂
Highcharts.setOptions({ chart: { style: { fontFamily: '...' } } });?Ma réponse est pour le cas où vous souhaitez modifier le texte de haute-graphique de chaque page. Puis il suffit de faire les changements dans highchart.js fichier lui-même. Aucune modification supplémentaire requis.
OriginalL'auteur Arif Usman
https://www.sitepoint.com/auto-text-fill-resize-plugins/
vérifier sur ce site,
vous trouverez 5 façons de redimensionner la taille à l'aide de jquery,
j'ai essayé le premier, il a déjà travaillé
OriginalL'auteur