我正在尝试配置饼图,以使用最小的空间。
这是小提琴。请注意,有两个图表,一个在另一个下面。
这是我的代码:
$(function ()
{
draw('container1');
draw('container2');
function draw(id)
{
$('#' + id).highcharts(
{
chart: {
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false,
type: 'pie'
},
title:{ text: null },
legend: { enabled: false },
credits: { enabled: false },
tooltip: { pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' },
plotOptions: {
pie: {
size: 100,
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
format: '<b>{point.name}</b>: {point.percentage:.1f} %',
style: {
color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
}
}
}
},
series: [/* data */]
});
}
});
当前问题:
编辑1:在api文档中,如果没有在容器元素上设置,它似乎使用默认的高度400px
和宽度600px
。有没有办法指示它使用最小的宽度和高度?
发布于 2016-03-07 05:10:41
原因2:饼形图的大小,如果你增加大小,你就不会看到它。
原因3:如果设置图表的大小,高图表不会自动重新显示图表,而图表的中心将是div的中心,这导致了标签的切断。如果不设置大小,就会重新输入图表以容纳绘图区域中的所有标签。
尝试使用minSize而不是大小。
https://stackoverflow.com/questions/35843662
复制相似问题