格式化类别轴标签的日期

时间:2016-12-22 14:14:34

标签: kendo-ui-angular2 kendo-chart

我有一个对象数组,我在kendo中显示为折线图。 类别轴是日期,是大量时间之间的数据。我想整齐地显示这个日期(在英国/世界其他日期格式)。但是,我似乎无法让这个工作。这是我的HTML代码

<kendo-chart [transitions]="true">
    <kendo-chart-axis-defaults [majorGridLines]="{ visible : false}">
    </kendo-chart-axis-defaults>
    <kendo-chart-category-axis>
        <kendo-chart-category-axis-item>
            <kendo-chart-category-axis-item-labels culture="en-GB"
                                                   format="d"
                                                   step="50">
            </kendo-chart-category-axis-item-labels>
        </kendo-chart-category-axis-item>
    </kendo-chart-category-axis>
    <kendo-chart-value-axis>
        <kendo-chart-value-axis-item>
            <kendo-chart-value-axis-item-labels culture="en-GB"
                                                format="c">
            </kendo-chart-value-axis-item-labels>
        </kendo-chart-value-axis-item>
    </kendo-chart-value-axis>
    <kendo-chart-series>
        <kendo-chart-series-item type="line" [data]="items | async"
                                 field="cumulativePercentReturn"
                                 markers="markers"
                                 dashType="solid"
                                 categoryField="startDate">
        </kendo-chart-series-item>
    </kendo-chart-series>
</kendo-chart>

但是,日期仍会显示为yyyy-mm-dd等。 角度2指南的剑道在这里不是很具体,要求我参考网站上不存在的全球化文章。

如果有人能帮我完成这项工作。我已经尝试过以我能理解的各种方式编辑格式字符串。

1 个答案:

答案 0 :(得分:1)

所以我解决了这个问题! 事实证明,返回的JSON数据显示格式化为字符串的日期。当我将此字符串转换回日期时,日期格式化工作。