Javascript Highcharts：如何在Y轴上的每个条之间应用填充

我试图在高图表中增加y轴上的条之间的间距。 目前情况如下：

我在y轴上添加了一个滚动条。但是，滚动条似乎不起作用。相反，y轴上的条被推到一起，看起来杂乱无章。 我怎样才能解决这个问题？我正在使用Highstocks API。我现在使用的图表选项是：-

$scope.mychart = new Highcharts.Chart({
    chart: {
        renderTo: 'RoadmapGanttChart'
    },
    title: {
        text: 'RoadMaps'
    },

    xAxis: {
        type: 'datetime'
    },

    yAxis: {
        categories: categories,
        tickInterval: 1,            
        tickPixelInterval: 200,
        labels: {
            useHTML: true,

            style: {
                color: '#525151',
                font: '12px Helvetica',
                fontWeight: 'bold',
                paddingTop: '200px',
                paddingBottom: '200px'
            },
           /* formatter: function() {
                if (tasks[this.value]) {
                    return tasks[this.value].name;
                }
            }*/
        },
        startOnTick: false,
        endOnTick: false,
        title: {
            text: 'Projects'
        },
        // minPadding: 0.2,
        // maxPadding: 0.2,
        fontSize:'15px',
        scrollbar: {
            enabled: true
        }

    },

    legend: {
        enabled: false
    },
    tooltip: {
        formatter: function() {
            return '<b>'+ $scope.filteredTasks[this.y].name + '</b><br/>' +
                Highcharts.dateFormat('%m-%d-%Y', this.point.options.from)  +
                ' - ' + Highcharts.dateFormat('%m-%d-%Y', this.point.options.to); 
        }
    },

    plotOptions: {
        line: {
            lineWidth: 10,
            marker: {
                enabled: false
            },
            dataLabels: {
                enabled: true,
                align: 'left',
                formatter: function() {
                    return this.point.options && this.point.options.label;
                }
            }
        }
    },

    series: $scope.filteredTasks
  });

$scope.mychart=新的Highcharts.Chart({
图表：{
renderTo:“路线图甘特哈特”
},
标题：{
文字：“路线图”
},
xAxis：{
键入：“日期时间”
},
亚克斯：{
类别:类别,，
时间间隔：1，
像素间隔：200，
标签：{
是的，
风格：{
颜色：'#525151'，
字体：“12px Helvetica”，
fontWeight:'粗体'，
paddingTop:'200px'，
填充底部：“200px”
},
/*格式化程序：函数（）{
if（任务[this.value]）{
返回任务[this.value].name；
}
}*/
},
startOnTick：错，
恩东蒂克：错，
标题：{
文本：“项目”
},
//最小填充：0.2，
//最大填充：0.2，
字体大小：'15px'，
滚动条：{
已启用：true
}
},
图例：{
已启用：false
},
工具提示：{
格式化程序：函数（）{
返回'+$scope.filteredTasks[this.y].name+'
'+
Highcharts.dateFormat（“%m-%d-%Y”，this.point.options.from）+
“-”+Highcharts.dateFormat（“%m-%d-%Y”，this.point.options.to）；
}
},
打印选项：{
行：{
线宽：10，
标记：{
已启用：false
},
数据标签：{
启用：对，
对齐：“左”，
格式化程序：函数（）{
返回this.point.options&&this.point.options.label；
}
}
}
},
系列：$scope.filteredTasks
});

---

我不熟悉前端开发。

您应该在y轴上设置极限值-滚动条将根据它们进行调整：

yAxis: {
  min: 0,
  max: 10,
  scrollbar: {
    enabled: true
  }
},

现场演示：

---

您也可以尝试使用列范围系列（）在倒排图表中键入。我想我可能比线性系列更好地表示您的数据。

应该编辑机密信息。您可以创建一个JS摆弄一些数据来显示滚动是如何完成的吗？