Изменение размера шрифта Highcharts

Я рассматриваю использование HighCharts для веб-страницы, в частности:

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

Однако размеры шрифта слишком малы. Я попытался добавить:

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

в мой js файл, который был указан на сайте, но это не приводит к изменению размера шрифта. Кроме того, я хотел бы также увеличить размер ключа (где он заявляет Токио, Нью-Йорк, Лондон, Берлин). Это мой первый раз, когда я использую Highcharts, и сейчас я занимаюсь исследованиями пару часов, и я не могу найти ответ. Любая помощь приветствуется!

Ответ 1

Для размера шрифта легенды ваш код работает идеально. Вот рабочая демонстрация.

а для оси X и оси Y поместите размер шрифта в (x-Axis/y-Axis) → label- > style style: Вот пример:

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

Демо: http://jsfiddle.net/4VznG/

Ответ 2

У меня возникла проблема с установкой fontSize моих ярлыков x-Axis. Установка его с использованием шрифта в ярлыках, которые работали для меня:

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

Ответ 3

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

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

            }}
    },