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

时间:2015-04-15 16:56:58

标签: javascript html kendo-ui kendo-chart

我有以下代码显示图表上的行。我无法找到如何格式化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"
                        }], 
                    });
                }

这是我的小提琴:

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

1 个答案:

答案 0 :(得分:1)

如果我做对了,你的代码不起作用,因为step并不意味着会为每个 1000 显示一个标签,但事实上它会显示一个每个系列的标签。因此,您的图表没有1000系列,这就是为什么只显示0的原因。

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

Check this out

我担心你无法达到你想要的效果。