更改Highcharts字体大小

时间:2013-07-17 18:09:07

标签: javascript html highcharts

我正在考虑将HighCharts用于网页,特别是:

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

但是,字体太小。我试过添加:

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

到我的网站提供的js文件,但这不会导致字体大小更改。此外,我还想增加密钥的大小(它指的是东京,纽约,伦敦,柏林)。这是我第一次使用Highcharts而且我已经做了几个小时的研究,我似乎无法找到答案。任何帮助将非常感激!

3 个答案:

答案 0 :(得分:37)

对于图例字体大小,您的代码工作正常。这是working demo

对于X轴和Y轴,将字体大小放在(x-Axis / y-Axis) - > labels->样式对象中:以下是样本:

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

演示:http://jsfiddle.net/4VznG/

答案 1 :(得分:0)

我在设置x-Axis标签的fontSize时出现问题。使用标签中的字体设置它对我有用:

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

答案 2 :(得分:0)

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

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

            }}
    },