2017-08-29 77 views
1

我正在使用ngx-charts繪製時間序列數據。如何格式化ngx-charts折線圖中的x軸和y軸標籤顏色

我使用他們的榜樣

<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" 
     (select)="onSelect($event)"> 
    </ngx-charts-line-chart> 

它有一個配色方案選擇,但只有改變線及其相應的域的顏色。

有xAxisTickFormatting和yAxisTickFormatting的另一種選擇,但我不知道如何使用它

我想x軸和y軸標籤的顏色與此類似例子 https://swimlane.github.io/ngx-charts/#/ngx-charts/line-chart

+0

我看了一下ngx-charts裏面的代碼而我的理解是xAxisTickFormatting選項的目的是格式化顯示軸上的刻度線的文本。作爲[這裏](https://swimlane.github.io/ngx-charts/#/ngx-charts/line-chart)json數據中的實際日期是「2016-09-14T12:43:31.283Z」,它是格式化爲「9月14日」 –

+0

是的,實際的css格式化可以以不同的方式完成。 – Neeraj

回答