3D 面积图的 HighCharts 演示：https://www.highcharts.com/demo/3d-area-multiple
使用plotOptions.area.depth 来渲染一个接一个堆叠的多个系列。最新版本的 HighCharts 不支持此设置，Typescript 定义说它不存在。它还会在控制台中抛出此错误：
Type ‘{ depth: number; }’ is not assignable to type ‘PlotAreaOptions’.
我们现在如何配置这个功能？
不管怎样，其他 3D 图表类型都支持该深度设置。
【问题讨论】：
标签： highcharts
这看起来不像是新版 Highcharts 的回归问题。
在这种情况下，您需要在 TypeScript 项目中扩展您的类型。 我用 Angular 创建了一个示例，展示了如何在 Highcharts 3d 区域扩展类型。
缺少类型的接口的实现：
interface ExtendedPlotAreaOptions extends Highcharts.PlotAreaOptions {
depth: number; marker: { enabled: false; }; states: { inactive: { enabled: false; }; };
}
扩展区域选项示例：
plotOptions: {
area: {
depth: 300,
marker: {
enabled: false
},
states: {
inactive: {
enabled: false
}
}
} as ExtendedPlotAreaOptions
},
现场演示： https://stackblitz.com/edit/highcharts-angular-basic-line-uphers?file=src%2Fapp%2Fapp.component.ts
【讨论】：
any 来完成。如果你没有一个可行的例子，我会完全忽略它。 :) 也就是说，我开始怀疑我们是否有另一个 X 或 Y 轴设置会破坏该选项。因为即使有你的建议，这比投射到any 更好，我们的面积图仍然呈现出来，它们之间没有空格。我们将开始删除图表选项，直到发生变化。如果我们缩小范围，请在此处报告。