[英]Rendering Highcharts legend using HTML causes issue with positioning/spacing
我想浮动我的图例,并将其放在图表的顶部。 我也想放入自定义符号。
在添加不确定的方法之前,我无法添加自定义符号,但是在使用“ useHTML”选项时,如何正确对齐图例会遇到问题。
这是一个jsfiddle链接
不能让任何人想出我在做什么错,或者这是highcharts的错误
波奇
$(function () {
$('#container').highcharts({
chart: {
type: 'line'
},
title: {
text: 'Monthly Average Temperature',
x: -20 //center
},
legend: {
layout: 'horizontal',
align: 'right',
verticalAlign: 'top',
floating: true,
verticalAlign: 'top',
itemWidth:100,
symbolPadding:0,
backgroundColor: 'transparent',
useHTML:true,
x: -10,
y:45,
borderWidth: 0
},
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]
}, {
name: 'New York',
data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
}, {
name: 'Berlin',
data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]
}, {
name: 'London',
data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
}]
});
});
我有同样的问题。 我发现从图例中删除useHTML:true可以使其正常工作。 这是一个错误!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.