如何删除highcharts中半圆下方的空间?

时间:2015-01-15 02:56:19

标签: javascript highcharts

如您所见,半圆下面有一个巨大的空白空间。似乎虽然我使用startAngle=-90endAngle=90绘制了一个半圆形的馅饼,但它仍然绘制了整个圆圈,但只是隐藏了下半部分。

这是代码:http://jsfiddle.net/vv72ceug/17/

Here is how it looks

3 个答案:

答案 0 :(得分:0)

即使您设置了startAngleendAngle,因此只显示其中的一半,另一半的空间仍然保留。您可以通过重新定位图表的中心来获得所需的结果。

尝试将中心属性从center: ['50%', '75%']更改为center: ['50%', '90%']。这样,您可以将图表向下移动到页面,这样就不会在下方留下空白区域。

看一下 JS Fiddle

答案 1 :(得分:0)

size参数设置为宽度值,然后摆脱间距。

示例:http://jsfiddle.net/vv72ceug/40/

答案 2 :(得分:0)

我很欣赏每个人的答案,但上述答案都没有完全消除图表下方的空白区域。

我找到了一个css技巧,可以帮到你。

想象这是容器标签。

您需要应用以下css才能获得所需内容:

Table2
__________
P_ID int
PDate  datetime
Year  nvarchar
Field2

我希望这会有所帮助