Highchart，如果有大量数据，如何自动调整大小，然后相应地缩放以使所有数据可见

Question

Highchart，如果有大量数据，如何自动调整大小，然后相应地缩放以使所有数据可见。
Link demo
问题是 Football-Player 的信息太多，图表无法显示所有信息。我想显示所有数据没有大小和高度限制。只显示所有数据。

Answer 1

您可以根据点数调整图表的高度。您可以在下面找到此类功能的简单实现：

 let spacePerPoint;
 let allowChartRedraw = true;

 Highcharts.chart('container', {
   chart: {
     type: 'bar',
     width: 600,
     height: 600,
     events: {
       load() {
         spacePerPoint = this.plotSizeX / this.series[0].points.length;

         if (this.renderer.forExport) {
           Highcharts.drawTable(this);
         }
       },
       redraw() {
         if (allowChartRedraw) {
           allowChartRedraw = false;

           this.setSize(
             null,
             this.chartHeight - this.plotSizeX + this.series[0].points.length * spacePerPoint
           );


           allowChartRedraw = true;
         }
       }
     }
   },
   ...
 });

现场演示： https://jsfiddle.net/BlackLabel/cy7gd0ab/

API参考：https://api.highcharts.com/class-reference/Highcharts.Chart#setSize

Highchart，如果有大量数据，如何自动调整大小，然后相应地缩放以使所有数据可见

Highchart, How to resize auto if there is a lot of data, then scale accordingly to make all the data visible

highcharts