【问题标题】:Format X axis interval in the Chart - Kendo UI在图表中格式化 X 轴间隔 - Kendo UI
【发布时间】:2015-04-15 16:56:57
【问题描述】:

我有以下代码在图表上显示线条。我无法找到如何格式化 x 轴。我想显示类似于 y 轴的每千个间隔(0,1000,2000,3000,4000 等)。我正在使用剑道 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/

【问题讨论】:

    标签: javascript html kendo-ui kendo-chart


    【解决方案1】:

    如果我猜对了,您的代码将无法正常工作,因为 step 并不真正意味着将为每个 1000 显示一个标签,但实际上它会为每个 1000 显示一个标签每个系列。所以你的图表没有 1000 系列,这就是为什么只显示0

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

    Check this out.

    恐怕你达不到你想要的。

    【讨论】:

    • 感谢您的回答。为什么我可以保留 5 个,为什么不能保留 100 个或 1000 个?我怎么能做一千的间隔?
    • @ilyasUyanik 你看到那些垂直线了吗?这些是步骤。所以它在每 5 个步骤中显示一个标签。无论它代表什么值,都会生成一个步骤。所以它不能平均分配给每 1000 个数字。至少我是这么理解的。我建议您将它发布在剑道论坛上,也许专家或支持用户可以给您更好的答案。
    • @ilyasUyanik 对不起,不。
    猜你喜欢
    • 1970-01-01
    • 2016-12-13
    • 2016-05-01
    • 1970-01-01
    • 1970-01-01
    • 2016-06-26
    • 1970-01-01
    • 1970-01-01
    • 2020-10-19
    相关资源
    最近更新 更多