javascript - 尝试使用 highchart xrange 显示大量类别

Question

我正在尝试使用 highcharts xrange 来显示大量类别（> 20）。目前，我可以显示数据，但类别会自动调整大小以适合图表的高度

客户想要的是a。将类别的高度配置为绝对大小 b. 显示垂直滚动条

这可能吗？

谢谢，纳达夫

Answer 1

您可以使用scrollablePlotArea并动态计算该minHeight属性。例如：

chart: {
    events: {
        load: function(){
            var categoryWidth = 50,
                points = this.series[0].points;
            
            this.update({
                chart: {
                    scrollablePlotArea: {
                        minHeight: this.chartHeight - this.plotHeight + categoryWidth * points.length
                    }
                }
            }, true, true, false);
        }
    },
}

---

现场演示：http: //jsfiddle.net/BlackLabel/5qp7rv1j/

API参考：

https://api.highcharts.com/highcharts/chart.scrollablePlotArea

https://api.highcharts.com/class-reference/Highcharts.Chart#update