Highstock Highchart 在图表和滚动条之间为空 space

Question

我的图表有问题，如上图所示。

由于某种原因，图表和滚动条之间有一个空白 space。

如果关闭滚动条，图表会完全填满该区域。

如何正确定位？

删除空 space 或制作图表以使用所有可用高度对我来说都是很好的解决方案。

以防万一，图表的参数是：

        chart: {
            borderWidth: 0,
            type: 'area',
            margin: [0, 0, 0, 0],
            spacingBottom: 0,
            width: 250,
            height: 60,
            style: {
                overflow: 'visible'
            },
            skipClone: true,
        },


        xAxis: {
            labels: {
                enabled: false
            },
            title: {
                text: null
            },
            startOnTick: false,
            endOnTick: false,
            tickPositions: [],
            tickInterval: 1,
            max: 16
        },

        scrollbar: {
            enabled: true,
            height: 10
        },

        yAxis: {
            minorTickInterval: 1,
            endOnTick: false,
            startOnTick: false,
            labels: {
                enabled: false
            },
            title: {
                text: null
            },
            tickPositions: [0],
            max: 7,
            tickInterval: 1
        },


        title: {
            text: null
        },


        credits: {
            enabled: false
        },


        legend: {
            enabled: false
        },

        plotOptions: {
            series: {
                animation: {
                    duration: 2000
                },
                lineWidth: 1,
                shadow: false,
                states: {
                    hover: {
                        lineWidth: 1
                    }
                },
                marker: {
                    radius: 2,
                    states: {
                        hover: {
                            radius: 4                                                        }
                    }
                },
                fillOpacity: 0.25
            },
        },


        series: [{
            data: [1,1,2,1,3,1,4,1,5,1,6,1,7,1,8,1,9,1,10,1,11,1,12,1,13,1,14,1,15,1,16,1]
        }]

Answer 1

减少 navigator.margin 属性.

navigator: {
  enabled: false,
  margin: 0
},

示例：http://jsfiddle.net/tL75q6wm/

Highstock Highchart 在图表和滚动条之间为空 space

Highstock Highchart empty space between chart and scrollbar

html

javascript

jquery

highcharts

highstock