2017-12-26 10 views
0

剣道UI線図を角で使用しています。 Line Chartのマーカーをどのようにしてソリッドにするかは誰にも分かりますか?私はサーバーから線の色を受け取ります。剣道UI角度付き線図データ点を塗りつぶす

Component template

私はmarkers: { background: "#004990" },を使用することができることを読んで、これは、サーバーから動的な色ではありません。

JSON Result

これは私のコードです:

this.reportWidgetSubscription = this.reportWidgetService.getChartChartByFilter(serverSide.serverUrl, serverSide.parameters.reportId, serverSide.parameters.chartId, QR).subscribe((data) => { 
     let dataResult = data.result; 
     if(dataResult){ 
      serverSide.dataSource = groupBy(dataResult, [{ field: "serieName" }]); 
     } 
     }); 

答えて

0

あなただけの他のプロパティと同様に、マーカーの背景色をバインドすることができます - 値は、それぞれのシリーズアイテムからまたはコンポーネントクラスのフィールドから来ることができます例えば:

<kendo-chart-series-item *ngFor="let item of series" 
        [markers]="{ background: item.markerBackground }" 
        type="line" style="smooth" [data]="item.data" [name]="item.name"> 
       </kendo-chart-series-item> 

public series: any[] = [{ 
    name: "India", 
    data: [3.907, 7.943, 7.848, 9.284, 9.263, 9.801, 3.890, 8.238, 9.552, 6.855], 
    markerBackground: "red" 
    }, {... 

EXAMPLE

色はデータとは別に、サーバから取得している場合は

することは、あなたはまだ同様の方法でそれらをバインドすることができます。

EXAMPLE

+0

@topalkataありがとう!!!。私はちょうどこの行を追加しました。[marker] = "{background:item.items [i] .serieColor}"です。 –

関連する問題