在图表中格式化 X 轴间隔 - Kendo UI

Question

我有以下代码在图表上显示线条。我找不到如何格式化 x 轴。我想显示类似于 y 轴（0、1000、2000、3000、4000 等）的每千个间隔。我正在使用 Kendo UI.

           function createChart() {
                    $("#chart").kendoChart({
                        title: {
                            text: "Units sold"
                        },
                        dataSource: {
                            data: stats
                        },                        
                        categoryAxis: {                            
                            labels: {                                
                                step: 1000,
                                format: "n0"
                            },
                        },
                        series: [{
                            type: "area",
                             line: {
                                style: "smooth"
                            },
                            field: "x",
                            categoryField: "y"
                        }], 
                    });
                }

这是我的 fiddle:

http://jsfiddle.net/nDS3S/37/

Answer 1

如果我没猜错，您的代码将无法运行，因为 step 并不真正意味着将为每个 1000 显示一个标签，但在事实上，它会为每个 serie 显示一个标签。所以您的图表没有 1000 系列，这就是为什么只显示 0。

如果您将步骤更改为 5，您将看到标签，但会显示该特定系列的确切编号。

Check this out.

恐怕你达不到你想要的。