Построение линейного графика на графике рассеяния испортил график рассеяния, который извлекал данные из API - PullRequest
Новая
       43

Построение линейного графика на графике рассеяния испортил график рассеяния, который извлекал данные из API

0 голосов
/ 03 июля 2019

У меня есть график рассеяния, который отображает график с использованием значений из API.Я хочу добавить график с этим кодом.Помоги мне добиться этого.Вот мой код component.ts code.Я добавил ряд данных для линейного графика с некоторыми примерами значений, таким образом, сворачивает весь график, и график графика запутывается в одном месте. 

public options: any = {
    chart: {
      type: 'scatter',
      height: 500
    },
    title: {
      text: ''
    },
    credits: {
      enabled: false
    },
    tooltip: {
      formatter: function() {
        return 'x: ' + Highcharts.dateFormat('%e %b %y %H:%M:%S', this.x) +
          ' y: ' + this.y.toFixed(2);
      }
    },
    xAxis: {
      type: 'datetime',

    },

    series: [
      {
        name: 'SaleDate',
        turboThreshold: 500000,
        data: [],
      },
      {
        name: 'SalePrice',
        turboThreshold: 500000,
        data: [],
      }

    ]
  }
  subscription: Subscription;

  constructor(private http: HttpClient) {

     }

  ngOnInit(){

    this._dataService.onSubmit
            .pipe(takeUntil(this.ngUnSubscribe))
            .subscribe(response => {
              this.value = response;
            });
    // Sample API
    const apiLink = 'https://api.myjson.com/bins/13lnf4';

     this.getApiResponse(apiLink).then(
      data => {
        const updated_normal_data = [];
        const updated_abnormal_data = [];
        data.forEach(row => {
          const temp_row = [
            new Date(row.timestamp).getTime(),
            row.value,

          ];
          row.SellerContribution === 0 ? updated_normal_data.push(temp_row) : updated_abnormal_data.push(temp_row);
        });

        this.options.series[0]['data'] = updated_normal_data;
        this.options.series[1]['data'] = updated_abnormal_data;

        Highcharts.chart('container', this.options);
      },
      error => {
        console.log('Something went wrong.');
      })

  }

  getApiResponse(url) {
    return this.http.get<any>(url, {})
      .toPromise().then(res => {
        return res;
      });
  }
}

Я попробовал опцию линейного графика, как указанов ссылке https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/combo-regression/. но все перепуталось.

...