Question

我想使用KendoUI Line Graph for Angular，它不显示X轴标签。我尝试编辑现有示例，其中代码如下：

 k-series="[
                             { field: 'nuclear', name: 'Nuclear electricity' },
                             { field: 'hydro', name: 'Hydro electricity' },
                             { field: 'wind', name: 'Wind electricity' }
                         ]

我尝试更改代码，如KendoUI的其他角度图示例所示

k-series="[{ xField: 'price', yField: 'performance' }]" k-x-axis="{ max: 1000, labels: { format: '${0}' }, title: { text: 'Price' } }" k-y-axis="{ min: 80, labels: { format: '{0}%' }, title: { text: 'Performance Ratio' }

但似乎你的图表类型是直线，它不能识别k-x轴和k-y轴。

k-series-defaults="{ type: 'line'}"

请提供帮助以了解如何显示x轴值：链接到他们的Angular Line Chart如下：

要查看有关此图表的信息，请参阅 http://demos.telerik.com/kendo-ui/line-charts/angular 编辑：http://dojo.telerik.com/iVOxo

Answer 1

散点图（例如scatterLine）使用xAxis和yAxis中配置的轴。定义多个轴时接受数组。

在您的示例中，系列类型设置为line。此系列类型使用categoryAxis和valueAxis。因此，轴配置将被忽略。

您应删除field: '...'绑定并将系列类型更改为scatterLine

k-series-defaults="{ type: 'scatterLine'}"

我希望这会有所帮助。

用于Angular的KendoUI线图不显示X轴

1 个答案: