HighCharts 在渲染行为更改之前是否有基本的最小高度？

Question

高图热图有基本的最小高度吗？

我们试图实现的是一个非常宽的热图，即1个单元格高，4032到4462个单元格宽，图表从框架边缘推出。

图表选项目前为：

// options set on start up
chartOptions: Highcharts.Options = {
chart: {
type: 'heatmap',
margin: [0, 0, 0, 0],
spacingTop: 0,
spacingBottom: 0,
spacingLeft: 0,
spacingRight: 0
},
plotOptions: {
heatmap: { // heatmap specific series
borderColor: "#C4C4C4",
borderWidth: 1,
}
},
title: {
text: undefined
},
credits: { enabled: false },
xAxis: { visible: false },
yAxis: { visible: false },
legend: { enabled: false },
colors: ["#DCDCDC"],
colorAxis: {
dataClassColor: "category",
dataClasses: [
{
from: 0,
to: 0.9,
color: "#DCDCDC",
name: "Ok",
},
// Snipped full color set
]
},
series: [
{
name: 'Downtime status',
type: 'heatmap',
data: [[0, 0, 0], [1, 0, 0], [2, 0, 0], [3, 0, 0]], // Force initial chart creation to be a single row of data
}
],
tooltip: {
enabled: true,
}

}；

这一切都在官方的角度包装中。图表位于正常标签内：

<highcharts-chart *ngIf="isHighcharts"
[Highcharts]="Highcharts"
[constructorType]="chartConstructor"
[options]="chartOptions"
[callbackFunction]="chartCallback">
</highcharts-chart>

这是用以下css设计的：

highcharts-chart {
clear: both;
width: 40000px;
height: 75px;
overflow-x: auto;
display: inline-block;
}

元素故意溢出，用户希望有一个滚动条，而不是缩放图表。httpClient调用完成后，将加载完整的数据集。

高度值大于75px时，单个热图行运行良好，并填充了整个图表，但是，如果我们将其降至75px以下，则图表行为会发生变化，而不是填充图表的行，它会恢复为一个非常小的行，5-10 px高，其余部分填充空白。

这是一个75像素的硬限制，还是图表中有更多的选项需要关闭？

Answer 1

此处：http://jsfiddle.net/BlackLabel/e9Lp3xvu/我在没有Angular的情况下转载了这个问题。

该问题是由y轴(72(的默认值tickPixelInterval引起的。作为一种解决方案，您可以降低价值。

yAxis: {
visible: false,
tickPixelInterval: 1
},

---

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

API参考：https://api.highcharts.com/highcharts/yAxis.tickPixelInterval