时间戳

首页 > 解决方案 > 剑道图表：记录 Y 轴主要刻度标签问题

javascript - 剑道图表：记录 Y 轴主要刻度标签问题

问题描述

我正在使用 Kendo Chart 使用带有双 Y - 轴和两个 X/Y 轴类型为“LOG”比例的散点线图绘制数据点。

直到今天，所有浏览器都运行良好，我注意到仅在 Chrome 浏览器中 - Y 轴刻度从 0.000009999999999999（而不是 0.00001）开始。请找到随附的屏幕截图。

在此处输入图像描述

其他 Y 轴不会发生此渲染问题。在渲染之前，我正在为每个轴设置轴 MIN/MAX/AXISCROSSINGVALUE。

另外，请建议格式化 Y 轴刻度标签的替代方法。

标签： javascriptkendo-uikendo-chart

解决方案

您可以使用函数来绘制比例。将函数添加到您的轴数据。

yAxis: {
            name: " name",
            title: {
                text: "bla",
                font: "10px Open Sans",
                color: "#4D4D4D"
            },
            labels: {
                format: "{0:N0}"
            },
            min: 10,
            max: 10000,
            type: "log",
            data: mySequence()
        },

然后你的函数可以是一个简单的循环（这只是我做的一个例子）

 function mySequence() {
        var arr = [];
        var n = 1;
        while (n < 10000) {
            n = n * 10;
            arr.push(n);
        }            
        return arr;
    }

注意类型：“log”定义，因为它是对数刻度

推荐阅读