Angular 在角度海图中使用图案时出错

我想要合适的文档，用于填充图案的角度高度图。每当我使用下面的代码时，patter属性就会出错。我甚至尝试下面的链接，但它并没有解决我的问题

---

您所指的线程与

highcharts angular

相关，而不是

angular highcharts

（区别在于第一个是官方包装，第二个是第三方产品），因此我假设您询问的是

highcharts angular

方式

您得到的错误可能与typescript有关-您的模式选项对象缺少一些必需的属性。若要修复此问题，您可以添加所有对象，或者如果您确定它们不是必需的，则图表将在没有它们的情况下正常工作。将整个对象强制转换为与Highcharts一样未知的

。PatternObject

系列：[
{
键入：“列”，
名称：“总收入”，
颜色：{
模式：{
路径：{
d:"M 0 L 10 M 9-1 L 11 M-1 9 L 11",，
冲程宽度：3
},
宽度：10，
身高：10，
不透明度：0.4
}
}与Highcharts.PatternObject一样未知，
数据：[1,2,3]，
id:“收入来源”，
showInLegend:false
}
]

API参考资料：

现场演示：

---

您可以在GitHub存储库中找到有关使用

highcharts

包装器的更多信息，这里：

Great！用上面的解决方案确实可行。另外，我在哪里可以找到不同的模式示例？没有

strokeWidth

它非常薄，因此添加

strokeWidth

我能做什么？似乎我错了-我更新了我的答案和演示。

strokeWidth

属性是

路径的有效属性（
Highcharts.SVGAttributes
）。
series: [
{
  type: 'column',
  name: 'Total Revenue',
  color: {
    pattern: {
      path: {
        d: 'M 0 0 L 10 10 M 9 -1 L 11 1 M -1 9 L 1 11',
        strokeWidth: 3
      },
      width: 10,
      height: 10,
      opacity: 0.4
    }
  },
  data: [],
  id: 'revenueTrends',
  showInLegend: false
},
{
  type: 'line',
  name: 'Rolling year average',
  data: [],
  id: 'rollingYearAvg',
  color: '#002750',
  lineWidth: 1,
  label: {
    enabled: false
  },
  marker: {
    radius: 5
  },
  showInLegend: true
}
]