Рассеянный сюжет в ng2-чартах

Question

Я просмотрел документацию по ng2-диаграммам (https://valor -software.com / ng2-charts / ), но не смог найти Scattered Plot в документации.Есть ли другой способ получить диаграмму разбросанного графика в ng2-диаграммах?Любые трюки или настройки доступны?Помоги мне.

Answer 1

Вы можете использовать линейный график в ng2-charts и установить свойство color следующим образом:

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

Если вы определите chartColors следующим образом:

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

Вы получите прозрачный фон (область заливки под диаграммой) и прозрачную линию (точки все еще будут видны - в виде графика рассеяния).Полученный график должен выглядеть примерно так:

Пожалуйста, посмотрите этот StackBlitz для демонстрации.