it-swarm.com.de

Ändern der Schriftgröße von Highcharts

Ich suche nach HighCharts für eine Webseite, insbesondere:

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

Die Schriftgrößen sind jedoch zu klein. Ich habe versucht, Folgendes hinzuzufügen:

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

in meine js-Datei, die von der Site bereitgestellt wurde, führt dies jedoch nicht zu einer Änderung der Schriftgröße. Zusätzlich möchte ich auch die Größe des Schlüssels erhöhen (wo Tokio, New York, London, Berlin steht). Dies ist das erste Mal, dass ich mit Highcharts arbeite. Ich habe jetzt ein paar Stunden recherchiert und kann anscheinend keine Antwort finden. Jede Hilfe wäre sehr dankbar! 

13
Ryan Sayles

Für die Schriftgröße der Legende funktioniert Ihr Code einwandfrei. Hier ist Arbeitsdemo .

und für X-Achse und Y-Achse setzen Sie die Schriftgröße in (X-Achse/Y-Achse) -> Labels-> Style-Objekt: Hier ist das Beispiel:

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

Demo: 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

Ich hatte ein Problem mit der Einstellung der Schriftgröße meiner X-Axis-Beschriftungen. Das Festlegen mit der Schriftart in den Etiketten funktionierte für mich:

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