更改Highcharts字体大小

22

我正在考虑在网页上使用HighCharts,具体来说是:

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

但是字体大小太小了。我尝试添加了以下代码:

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

我希望通过添加网站提供的js文件来更改字体大小,但是这样并没有起作用。此外,我还想增加密钥(其中标明东京、纽约、伦敦、柏林)的大小。这是我第一次使用Highcharts,我已经研究了几个小时,但似乎找不到答案。非常感谢您的任何帮助!

3个回答

45

对于图例字体大小,你的代码运行得很好。这里有一个演示

对于X轴和Y轴,在(x-Axis/y-Axis)→labels→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/


很奇怪,它在我的代码中没有起作用。我会回去再试一次,谢谢你的帮助! - Ryan Sayles
1
@Nishu Tayal,你的演示中字体的粗细没有生效。 - Billu

1

我在设置x轴标签的字体大小时遇到了问题。使用标签中的字体进行设置对我有效:

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

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

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

            }}
    },

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接