Question

使用highcharts创建半圆角度规时，我总是使用以下窗格设置在量规上方留出空白区域：

    ....
    pane: {
        startAngle: -90,
        endAngle: 90,
            center: ['50%', '100%']
            ...
    }
    ...

以下是一个示例：http://jsfiddle.net/eM8A7/

减小容器div的高度只会使仪表变小，但会留下空间。使用Chrome和IE进行了测试。

有没有办法删除空白区域，或者我是否错误地尝试了这个？

Answer 1

您需要为pange设置大小：http://jsfiddle.net/eM8A7/1/

    pane: {
        startAngle: -90,
        endAngle: 90,
        size: '150%',
        center: ['50%', '100%'],
    }

禁用边距也是个好主意：

    chart: {
        type: 'gauge',
        plotBackgroundColor: null,
        plotBackgroundImage: null,
        plotBorderWidth: 0,
        plotShadow: false,
        margin: [0,0,0,0]
    },

Answer 2

在我尝试修改margin属性之后，我还发现'spacing'属性也有帮助：
间距：
图表外边缘与内容之间的距离，如标题，图例，轴标题或标签。数组中的数字分别指定顶部，右侧，底部和左侧。使用optionsTop，spacingRight，spacingBottom和spacingLeft选项可以选择一个选项的速记。默认为[10,10,15,10] 链接here

Answer 3

除了@pawel-fus 的回答之外，我还使用 css 中的高度获得了所需的设置

#container {
    height: 300px; 
}

如何去除半圆角度规以上的空间

3 个答案: