ng2-charts 中的散点图

Question

我已经浏览了 ng2-charts ( https://valor-software.com/ng2-charts/ ) 的文档，但我在文档中找不到 Scattered Plot。还有其他方法可以在 ng2-charts 中实现散点图吗？有什么技巧或定制可用吗？帮帮我。

Answer 1

您可以在 ng2-charts 中使用 line chart 并设置 color 属性 如下：

<canvas baseChart
   [colors]="chartColors"
   ...>
</canvas>

如果你这样定义chartColors：

public chartColors = [{
    backgroundColor: 'transparent',
    borderColor: 'transparent',
    pointBackgroundColor: '#ff0000',
    pointHoverBackgroundColor: '#fff',
    pointHoverBorderColor: '#ff0000'
  }];

您将获得透明背景（图表下方的填充区域）和透明线（点仍然可见 - 使其显示为散点图）。结果图应如下所示：

请参阅 this StackBlitz 以获得演示。