ng2圖中的散點圖

Question

我已經閱讀了ng2-charts的文檔（ https://valor-software.com/ng2-charts/ ），但是在文檔中找不到散點圖 。 還有其他方法可以在ng2-charts中實現散點圖嗎？ 有任何技巧或自定義嗎？ 幫幫我。

Answer 1

您可以在ng2-charts使用折線圖 ， ng2-charts如下所示設置color屬性：

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

如果您像這樣定義chartColors ：

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

您將獲得一個透明的背景（圖表下方的填充區域）和一條透明的線（這些點仍然可見-使其顯示為散點圖）。 生成的圖形應如下所示：

請查看此StackBlitz的演示。