Невозможно связать данные диаграммы из компонента для просмотра. Угловой 6, predix-ui - PullRequest
Новая
       38

Невозможно связать данные диаграммы из компонента для просмотра. Угловой 6, predix-ui

0 голосов
/ 02 июля 2018

Пожалуйста, помогите. SOS

Я пытаюсь привязать данные диаграммы к графику, например: 

[attr.chart-data]='chartData'

Мой компонент: 

export class AppComponent {
arr: Array<Object> = [];
seriesConfig: {};

ngOnInit(): void {
    this.arr = [
        { x: 1530426560000, y: 179.46 },
        { x: 1530426570000, y: 179.58 },
        { x: 1530426580000, y: 179.58 },
        { x: 1530426590000, y: 179.6 },
        { x: 1530426600000, y: 179.52 },
        { x: 1530426610000, y: 179.56 },
        { x: 1530426620000, y: 179.52 },
        { x: 1530426630000, y: 179.52 }
    ];

    this.seriesConfig = {
        y: { type: "line", name: "series1", x: "x", y: "y" }
    };
} }

My View: 

<div>
<h2 id="title-tag">Timeseries</h2>
<px-vis-timeseries id="ts1" prevent-resize width="950" height="500" register-location="side" enable-tooltip="true" tooltip
 include-all-series selection-type="x" [attr.chart-data]='arr' [attr.series-config]='seriesConfig' x-axis-config='{"title": "Date"}'
 y-axis-config='{"title": "y1"}'>
</px-vis-timeseries>

Вопросы:

  1. Подскажите, пожалуйста, как правильно связать данные?
  2. Для чего нужен series-config? Как правильно сделать это?

Заранее спасибо!

1 Ответ

0 голосов
/ 02 июля 2018

Я думаю, вам нужно передавать данные диаграммы с помощью ключа camelCase, а не тире. (Так работает Polymer.) Примерно так: 

<px-vis-timeseries [chartData]='arr'></px-vis-timeseries>

Дополнительная информация и ссылки здесь: https://www.predix -ui.com / # / разработки / рамка-угловая

...