web-dev-qa-db-fra.com

Changer la taille de la police Highcharts

Je cherche à utiliser HighCharts pour une page Web, plus précisément:

http://www.highcharts.com/demo/column-basic/dark-green

Cependant, les tailles de police sont trop petites. J'ai essayé d'ajouter:

legend: {
        itemStyle: {
            color: '#000000',
            fontWeight: 'bold',
            fontSize: '15px'
        }

à mon fichier js que le site a fourni mais cela ne provoque pas un changement de taille de police. De plus, je voudrais aussi augmenter la taille de la clé (où il est indiqué Tokyo, New York, Londres, Berlin). C'est la première fois que j'utilise Highcharts. Je fais des recherches depuis quelques heures maintenant et je n'arrive pas à trouver la réponse. Toute aide serait très appréciée! 

javascripthtmlhighcharts
13
Ryan Sayles

Pour la taille de police de légende, votre code fonctionne parfaitement. Voici démo de travail .

et pour les axes X et Y, indiquez la taille de la police (Axe x/Axe y) -> Etiquettes-> Objet style: Voici l'exemple:

 xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
            labels: {
                style: {
                    color: 'red',
                    fontSize:'15px'
                }
            }
        },

Démo: http://jsfiddle.net/4VznG/

36
Nishu Tayal
xAxis: {
        categories: ['Climate Change', 'Marketing', 'Development', 'Customer Support',
                'Information Technology', 'Administration'],
        tickmarkPlacement: 'on',
        lineWidth: 0,
        labels: {

            style: {
                fontSize: '14px',
                fontFamily: 'Verdana, sans-serif',

            }}
    },
0
Rajshee IFour

Je rencontrais un problème lors du paramétrage de fontSize de mes étiquettes x-Axis. La définition de la police dans les étiquettes a fonctionné pour moi:

xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
        labels: {
            style: {
                color: 'red',
                font: '13px Arial, sans-serif'
            }
        }
    },
0
Pretty Cool