Генерация случайных цветов для ng2-диаграмм (круговых диаграмм) - PullRequest
Новая
       9

Генерация случайных цветов для ng2-диаграмм (круговых диаграмм)

0 голосов
/ 20 октября 2019

html 

  <div style="display: block;">
    <canvas
      baseChart
      [data]="pieChartData"
      [labels]="pieChartLabels"
      [chartType]="pieChartType"
      [options]="pieChartOptions"
      [plugins]="pieChartPlugins"
      [legend]="pieChartLegend"
      [colors]="randomColorGenerater()"
    >
    </canvas>
  </div>

ts 

 public pieChartOptions: ChartOptions = {
    responsive: true
  };
  public pieChart = false;
  public pieChartLabels: string[] = [];
  public pieChartData: SingleDataSet = [300, 500, 100];
  public pieChartType: ChartType = 'pie';
  public pieChartLegend = true;
  public pieChartPlugins = [];
  public pieChartColors = [
    {
      backgroundColor: [
        'rgba(255,0,0,0.3)',
        'rgba(0,255,0,0.3)',
        'rgba(0,0,255,0.3)'
      ]
    }
  ];

С помощью приведенного выше кода я могу отображать круговую диаграмму, но только с цветами, которые я дал в Piechartcolors, мне нужна помощь в отображениислучайные цвета в соответствии с динамическими данными, которые будут отображаться. Спасибо

...