Как я могу установить разные цвета для точки, отображаемой на линейной диаграмме в Ngx-диаграммах в Angular 2? - PullRequest
1 голос
/ 20 марта 2019

Я хочу использовать линейный график библиотеки Ngx-chart.Но я не могу изменить цвет точек, которые отображаются на линии.

Следовательно, как я могу изменить те цвета, которые используются для точек, или предоставить собственные цвета для точек в Ngx-chart Line chart?

В файле line-chart.html

<ngx-charts-line-chart
      [view]="view"
      [scheme]="colorScheme"
      [results]="multi"
      [gradient]="gradient"
      [xAxis]="showXAxis"
      [yAxis]="showYAxis"
      [legend]="showLegend"
      [showXAxisLabel]="showXAxisLabel"
      [showYAxisLabel]="showYAxisLabel"
      [xAxisLabel]="xAxisLabel"
      [yAxisLabel]="yAxisLabel"
      [autoScale]="autoScale"
      [timeline]="timeline"
      (select)="onSelect($event)">
    </ngx-charts-line-chart>

и в файле line-chart.ts конфигурация диаграммы будет выглядеть следующим образом:

 multi: any[] = [
  {
    name: 'Cyan',
    series: [
      {
        name: 5,
        value: 2650
      },
      {
        name: 10,
        value: 2800      },
      {
        name: 15,
        value: 2000
      }
    ]
  },
  {
    name: 'Yellow',
    series: [
      {
        name: 5,
        value: 2500
      },
      {
        name: 10,
        value: 3100
      },
      {
        name: 15,
        value: 2350
      }
    ]
  }
];

  view: any[] = [700, 400];

  // options
  showXAxis = true;
  showYAxis = true;
  gradient = false;
  showLegend = true;
  showXAxisLabel = true;
  xAxisLabel = 'Number';
  showYAxisLabel = true;
  yAxisLabel = 'Color Value';
  timeline = true;

  colorScheme = {
    domain: ['#5AA454', '#A10A28', '#C7B42C', '#AAAAAA']
  };

  // line, area
  autoScale = true;

  constructor() {
  }

  onSelect(event) {
    console.log(event);
  }

В приведенном выше коде показано 2 строки на диаграмме, но я хочу сделать одну строку, как для каждого учащегося,быть диаграммой, обозначающей отметки ученика, поэтому на диаграмме будет одна строка, на которой точки будут отображаться разными цветами в соответствии с категорией отметок, например, для отметок> 50 цветов точек = зеленые отметки> 70 цветов точек = розовый и тому подобное.мудрый.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...