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应该智能地计算并相应地呈现图例。