2013-03-08 68 views
1

我正在寻找一种方法来自定义Highcharts中图例的字体。highcharts传奇色彩定制

我尝试了不同的方式,看起来不错,但没有任何工作。

感谢您的帮助。

这里是我的代码:

$(function() { 
var chart = new Highcharts.Chart({ 

    chart: { 
     renderTo: 'container' 
    }, 

    xAxis: { 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
    }, 

    legend: { 
     layout: 'horizontal', 
     itemStyle: { 
      paddingBottom: '10px' 
     }, 
     //style: { 
     color: '#FF0000', fontFamily: 'Arial', fontSize: '24px' 
     //} 
    }, 

    series: [{ 
     data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
    }, { 
     data: [129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4] 
     }] 

    }); 
}); 

回答

4

你需要指定itemStyle。例如

itemStyle:{'font-size':'30px'} 

根据您要使用的CSS,您可能还必须设置'useHTML'。从文档:

Using HTML allows for advanced formatting, images and reliable bi-directional text rendering. 
+0

谢谢你,你的第一个解决方案完美地工作。在其他物体上,我使用了“风格”,但没有使用传说,这有点令人困惑,但它有效。再次感谢 – keskispas 2013-03-12 16:48:42