ng2图中的散点图

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进行演示。