我需要使用Highcharts(v3.0.1)的图例标题,但边框不会呈现为标题的长度。是虫子吗?我无法使用width
,因为我正在使用layout: horizontal
。
当添加多个序列时,没有问题,但是如果只有1个序列,则图例布局中会发生错误(视觉上)。
示例:http://jsfiddle.net/3cSVr/1/
$(function () {
var chart;
$(document).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'line',
},
plotOptions: {},
title: {
text: 'Monthly Average Temperature',
x: -20 //center
},
subtitle: {
text: 'Source: WorldClimate.com',
x: -20
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
yAxis: {
title: {
text: 'Temperature (°C)'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
formatter: function() {
return '<b>'+ this.series.name +'</b><br/>'+
this.x +': '+ this.y +'°C';
}
},
legend: {
title: {
text: 'WorldClimate.com',
style: {
fontWeight: 'bold'
}
},
borderWidth: 2
},
series: [{
name: 'Tokyo',
data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
}
//Add more series;
]
});
});
});
感谢帮助。
最佳答案
它看起来像个错误,所以我已经在这里报告给我们的开发人员:https://github.com/highslide-software/highcharts.com/issues/1717
关于highcharts - Highcharts图例标题边框未全角,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/15960052/