如何在Angular 2中为分类图表(Kendo-Chart)格式化Y轴标签

时间:2016-11-11 12:48:43

标签: angular kendo-ui kendo-chart

我使用Kendo图表在条形图,折线图和饼图中显示数据。

但是经过几个小时的尝试后,我无法弄清楚如何格式化分类图表的y轴标签。

我尝试使用并尝试将格式设置为:<kendo-chart-y-axis-item type="numeric" [labels]='{format:"{0:N2}"}'>

但它不会以任何方式影响y轴标签。(我假设我们不能使用Scatter Chart标签作为分类图表,对吗?)

请帮我设置y轴标签所需的格式。

是我的代码:

<kendo-chart-category-axis-item [categories]="chart.Data.labels"
                                [labels]="{ rotation: 'auto' }"
                                [title]="chart.Options.XTitle">

</kendo-chart-category-axis-item>

<kendo-chart-value-axis-item [title]="chart.Options.YTitle">

</kendo-chart-value-axis-item>

<span *ngFor="let dataset of chart.Data.datasets">

    <kendo-chart-series-item [name]="dataset.label" [data]="dataset.data"
                             [type]="dataset.type">

        <kendo-chart-series-item-labels visible="true" [content]="setLabelFormat">

        </kendo-chart-series-item-labels> 

    </kendo-chart-series-item>

</span>

提前致谢....

1 个答案:

答案 0 :(得分:2)

这应该有用。

<kendo-chart-value-axis>
    <kendo-chart-value-axis-item >
        <kendo-chart-value-axis-item-labels [content]="functionReturningString">
        </kendo-chart-value-axis-item-labels>
    </kendo-chart-value-axis-item>
</kendo-chart-value-axis>