2013-07-17 472 views
11

我期待在使用HighCharts一个网页,具体如下:更改Highcharts字体大小

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

然而,字体大小是太小了。我试着添加:

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

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

回答

30

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

和用于X轴和Y轴,把在(X轴/ Y轴)的字体大小 - > 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/

+0

真奇怪,这不是在我的代码工作。我会回去再试一次,谢谢你的帮助! –

+0

@Nishu Tayal,在您的演示字体重量不起作用 – Super

0

我有一个问题,设置我的x轴标签的fontSize。在标签中使用的字体设置它为我工作:

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', 

      }} 
    },