格式化图表组件中的日期类别轴

时间:2017-02-27 13:37:59

标签: kendo-ui-angular2

如何在图表中格式化类别轴?

我找到this help file,但我无法将其与源代码连接:

    <kendo-chart [categoryAxis]="{ categories: graphsCategories }">
        <kendo-chart-legend position="bottom" orientation="horizontal"></kendo-chart-legend>
        <kendo-chart-series>
            <kendo-chart-series-item *ngFor="let item of graphsSeries" type="line" 
                                     [data]="item.timers" 
                                     [name]="item.name">
            </kendo-chart-series-item>
        </kendo-chart-series>
    </kendo-chart>

我想将日期格式化为仅查看日期: enter image description here

1 个答案:

答案 0 :(得分:0)

改变这个:

<kendo-chart-series-item *ngFor="let item of graphsSeries" type="line" [data]="item.timers" [name]="item.name">
</kendo-chart-series-item>

对此:

<kendo-chart-series-item *ngFor="let item of graphsSeries" type="line" [data]="item.timers" [name]="item.name">
        <kendo-chart-category-axis-item-labels format="EEEE">
        </kendo-chart-category-axis-item-labels>
</kendo-chart-series-item>

将格式更改为您想要的格式,但EEEE会为您提供一天

相关问题