Highcharts 海图派图例剪掉了

Highcharts 海图派图例剪掉了,highcharts,highstock,Highcharts,Highstock,对饼图图例进行分页时,图例第一行上的图例项不会完全显示,而是会被剪掉 下面是它的代码,代码如下: function(){ $('#container').highcharts({ credits:{ enabled:false }, legend:{ itemStyle:{ fontFamily:'Arial', fontSize:'10pt'

对饼图图例进行分页时,图例第一行上的图例项不会完全显示,而是会被剪掉

下面是它的代码,代码如下:

function(){
    $('#container').highcharts({
       credits:{
          enabled:false
       },
       legend:{
          itemStyle:{
             fontFamily:'Arial',
             fontSize:'10pt'
          },
          maxHeight:55,
       },
       tooltip:{
          style:{
             fontFamily:'Arial',
             fontSize:'10pt'
          }
       },
       title:{
          style:{
             color:'#000000',
             fontFamily:'Arial'
          },
          text:'Pie legend problem',
          margin:50
       },
       chart:{
          renderTo:'container'
       },
       series:[
          {
             name:'Incident',
             type:'pie',
             data:[
                {
                   name:'Nadia Wilshire',
                   y:49,
                   color:'#73a8f0'
                },
                {
                   name:'ITIL User',
                   y:15,
                   color:'#318047'
                },
                {
                   name:'David Luie',
                   y:9,
                   color:'#f5c533',
                },
                {
                   name:'Don Godfire',
                   y:7,
                   color:'#004789',
                },
                {
                   name:'Bethline Angleen',
                   y:5,
                   color:'#f18320',
                },
                {
                   name:'Howard Johnwind',
                   y:3,
                   color:'#8f5699',
                },
                {
                   name:'Luke Smith',
                   y:3,
                   color:'#1e90ff',
                },
                {
                   name:'(empty)',
                   y:2,
                   color:'#3ed662',
                },
                {
                   name:'(empty2)',
                   y:2,
                   color:'#3ed662',
                },
                {
                   name:'(empty3)',
                   y:2,
                   color:'#3ed662',
                },
                {
                   name:'(empty4)',
                   y:2,
                   color:'#3ed662',
                },
             ]
          }
       ],
       exporting:{
          enabled:true
       },
       plotOptions:{
          pie:{
             cursor:'pointer',
             size:'95%',
             dataLabels:{
                enabled:false
             },
             showInLegend:true,
             tooltip:{
                pointFormat:'<b>{point.y}</b>'
             }
          }
       }
    });
function(){
$(“#容器”)。高图({
学分:{
已启用:false
},
图例:{
项目样式:{
fontFamily:“Arial”,
字体大小:'10pt'
},
最大高度:55,
},
工具提示:{
风格:{
fontFamily:“Arial”,
字体大小:'10pt'
}
},
标题:{
风格:{
颜色:'#000000',
fontFamily:“Arial”
},
文本:'饼图图例问题',
差额:50
},
图表:{
renderTo:“容器”
},
系列:[
{
名称:"事件",,
类型:'pie',
数据:[
{
姓名:'Nadia Wilshire',
y:49,
颜色:“#73a8f0”
},
{
名称:'ITIL用户',
y:15,
颜色:“#318047”
},
{
姓名:'David Luie',
y:9,
颜色:“#f5c533”,
},
{
姓名:'上帝之火',
y:7,
颜色:“#004789”,
},
{
名称:'Bethline Angleen',
y:5,
颜色:“#f18320”,
},
{
姓名:'Howard Johnwind',
y:3,
颜色:'#8f5699',
},
{
姓名:'Luke Smith',
y:3,
颜色:“#1e90ff”,
},
{
名称:‘(空)’,
y:2,
颜色:“#3ed662”,
},
{
名称:‘(清空2)’,
y:2,
颜色:“#3ed662”,
},
{
名称:‘(空3)’,
y:2,
颜色:“#3ed662”,
},
{
名称:‘(空4)’,
y:2,
颜色:“#3ed662”,
},
]
}
],
出口:{
已启用:true
},
打印选项:{
馅饼:{
游标:'指针',
大小:'95%',
数据标签:{
已启用:false
},
showInLegend:是的,
工具提示:{
pointFormat:“{point.y}”
}
}
}
});

通过px调整fontsize并相应地使用maxHeight

legend:{
  itemStyle:{
    fontFamily:'Arial',
    fontSize:'13px'
},
maxHeight:58

演示:

通过px调整fontsize,并相应地使用maxHeight

legend:{
  itemStyle:{
    fontFamily:'Arial',
    fontSize:'13px'
},
maxHeight:58

演示:

通过px调整fontsize,并相应地使用maxHeight

legend:{
  itemStyle:{
    fontFamily:'Arial',
    fontSize:'13px'
},
maxHeight:58

演示:

通过px调整fontsize,并相应地使用maxHeight

legend:{
  itemStyle:{
    fontFamily:'Arial',
    fontSize:'13px'
},
maxHeight:58

演示:

我不确定是否同意这一点。字体大小是平台范围的配置,我们需要数据可视化(图表)也可以使用相同的字体大小,无法控制。Highcharts应该智能地计算并相应地呈现图例。我不确定是否同意这一点。字体大小是平台范围的配置,我们需要数据可视化(图表)也可以使用相同的字体大小,无法控制。Highcharts应该智能地计算并相应地呈现图例。我不确定是否同意这一点。字体大小是平台范围的配置,我们需要数据可视化(图表)也可以使用相同的字体大小,无法控制。Highcharts应该智能地计算并相应地呈现图例。我不确定是否同意这一点。字体大小是平台范围的配置,我们需要数据可视化(图表)也可以使用相同的字体大小,并且无法控制。Highcharts应该智能地计算并相应地呈现图例。