Highcharts 如何消除半圆角规上方的空间

Highcharts 如何消除半圆角规上方的空间,highcharts,Highcharts,使用highcharts创建半圆角度仪表时,我始终使用以下窗格设置在仪表上方获得空白空间: .... pane: { startAngle: -90, endAngle: 90, center: ['50%', '100%'] ... } ... 下面是一个例子: 减小容器div的高度只会使量规变小,但会留下空间。用Chrome和IE进行了测试 是否有办法删除空白空间,或者我的尝试不

使用highcharts创建半圆角度仪表时,我始终使用以下窗格设置在仪表上方获得空白空间:

    ....
    pane: {
        startAngle: -90,
        endAngle: 90,
            center: ['50%', '100%']
            ...
    }
    ...
下面是一个例子:

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


是否有办法删除空白空间,或者我的尝试不正确?

您需要为pange设置大小:

禁用页边距也是一个好主意:

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

您需要为pange设置大小:

禁用页边距也是一个好主意:

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

在我尝试修改margin属性后,我还发现'spating'属性也很有用:
间距:
图表外边缘与内容(如标题、图例、轴标题或标签)之间的距离。数组中的数字分别表示顶部、右侧、底部和左侧。使用选项spacingTop、spacingRight、spacingBottom和spacingLeft选项进行一个选项的速记设置。默认为[10,10,15,10]。

links

在我尝试修改margin属性后,我还发现'spating'属性也可能有用:
间距:
图表外边缘与内容(如标题、图例、轴标题或标签)之间的距离。数组中的数字分别表示顶部、右侧、底部和左侧。使用选项spacingTop、spacingRight、spacingBottom和spacingLeft选项进行一个选项的速记设置。默认为[10,10,15,10]。

链接

除了@pawel fus的答案外,我还使用css中的高度获得了所需的设置

#container {
    height: 300px; 
}

除了@pawel fus的答案外,我还使用css中的高度获得了所需的设置

#container {
    height: 300px; 
}