Highcharts - 图例项目填充

对于Highcharts中的标签项目，文本的填充似乎存在问题。我得到在Firefox中非常不同的结果相比，Chrome浏览器：http://jsfiddle.net/moppa/cMXyG/18/Highcharts - 图例项目填充

Example of difference

如果我检查的TSPAN标签有16px的的Chrome浏览器的高度，但20像素的浏览器中的元素。在FF中，它看起来像一些像素已被添加为填充，因为文本不会填满整个标签。我已经尝试过legend.itemStyle的行高和字体大小设置，但没有运气。

有没有人有任何想法？火狐25.0.1和Chrome 31.0.1650.57m

附加代码，以符合该限制的jsfiddle：

var chart = new Highcharts.Chart({ 

    chart: { 
     renderTo: 'container' 
    }, 

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

    legend: { 
     layout: 'vertical', 
     itemMarginTop: 0, 
     itemMarginBottom: 0, 
     align: 'right', 
     verticalAlign: 'middle', 
     padding:0 
    }, 

    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: [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: [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: [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: [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: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]}] 

});

来源

2013-11-25 Mårten Palm

你能与主版本检查？这一个例子：http://jsfiddle.net/cMXyG/19/.

对我来说这看起来不错，请参阅：

FF：

Firefox

铬：

Chrome

可能由lineWidth的不同计算引起的差异很小（〜1px）。

来源

2013-11-25 12:27:51

嗨。我的浏览器没有变化。这张照片是从你的小提琴中获得的。 http://imgur.com/OJYZJTp 用浏览器版本号编辑我的文章。 –

我在FF 25（Windows 7版本，MacOSX版本）中进行了测试，并在所有情况下显示为Pawel提到的iti si。你能指出我使用哪个系统吗？ –

尝试使用itemMarginBottom perperty这样的：

legend: { 
    layout: 'vertical', 
    itemMarginBottom:7, 
    align: 'right', 
    verticalAlign: 'top', 
    itemStyle: { 
     font: '9pt Raleway,Helvetica,sans-serif', 
     color: '#A0A0A0' 
    }, 
    itemHoverStyle: { 
     color: '#FFF' 
    }, 
    itemHiddenStyle: { 
     color: '#444' 
    } 
}

来源

2017-08-13 08:12:14

Highcharts - 图例项目填充

回答

相关问题