Highcharts area-spline fill gradient 可能是未定义的错误

Question

所以我在 angular 12 上使用 highcharts 并尝试用渐变填充区域样条颜色，我收到这个错误不知道如何解决这个问题或者我可能会做什么错了吗？

任何帮助将不胜感激，提前致谢

Answer 1

您在这里看到的是 TypeScript 的美妙之处，因为它会在编译期间警告您链的一部分可能 return 未定义，因此会导致错误中止您的脚本。

使用保护子句向编译器显示您检查了未定义的值。

if (!Highcharts?.getOptions()?.colors) {
  return;
}

// ... here comes your code
// the compiler will no longer show errors

或者确保有一个合适的默认值，像这样：

let color = '#615E9B';
if (Highcharts?.getOptions()?.colors) {
  color = Highcharts.getOptions().colors[0];
}

// Your code, but use color variable instead of Highcharts.getOptions().colors[0]

内联也是可能的，但难以阅读和维护。我建议你多写几行容易理解的代码。

Answer 2

我试着重现了你的问题，看起来没问题：https://stackblitz.com/edit/highcharts-angular-basic-line-vauauu

Highcharts area-spline fill gradient 可能是未定义的错误

Highcharts area-spline fill gradient possibly undefined error

angular

highcharts