ng2 图表中的散点图

Question

我浏览了 ng2-charts (https://valor-software.com/ng2-charts/) 的文档，但在文档中找不到 散点图。还有其他方法可以在 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 进行演示。