javascript - Kendo-UI Changing the labels of x-axis in a scatter line chart -
i'm trying have custom x axis labels kendo chart ui can't replace labels. tried find solution failed.
is possible ?
this html code :
<kendo-chart [resizeratelimit]="0.5"> <kendo-chart-title text="title"></kendo-chart-title> <kendo-chart-value-axis> <kendo-chart-value-axis-item [min]="minaxis" [max]="maxaxis"></kendo-chart-value-axis-item> </kendo-chart-value-axis> <kendo-chart-axis-defaults [line]="{ color: 'red' }" [majorgridlines]="{ visible : false}" > <kendo-chart-axis-defaults-labels font="12pt sans-serif"></kendo-chart-axis-defaults-labels> </kendo-chart-axis-defaults> <kendo-chart-x-axis> <kendo-chart-x-axis-item > <kendo-chart-x-axis-item-labels [visible]="true"></kendo-chart-x-axis-item-labels> </kendo-chart-x-axis-item> </kendo-chart-x-axis> <kendo-chart-y-axis> <kendo-chart-y-axis-item [min]="minaxis" [max]="maxaxis"></kendo-chart-y-axis-item> </kendo-chart-y-axis> <kendo-chart-series> <kendo-chart-series-item [labels]="{visible: true, format: '{1}'}" [data]="seriesdata" type="scatterline"></kendo-chart-series-item> <kendo-chart-series-item [data]="seriesline1" [markers]="{visible: false}" type="scatterline"></kendo-chart-series-item> <kendo-chart-series-item [data]="seriesline2" [markers]="{visible: false}" type="scatterline"></kendo-chart-series-item> </kendo-chart-series> </kendo-chart>
Comments
Post a Comment