【问题标题】:Kendo Chart: Log Y-Axis Major Tick label issue剑道图表:记录 Y 轴主要刻度标签问题
【发布时间】:2019-06-05 10:27:51
【问题描述】:
我正在使用 Kendo Chart 使用带有双 Y 轴和两个 X/Y 轴的“LOG”刻度类型的散点折线图来绘制数据点。
直到今天,在所有浏览器中一切正常,我注意到仅在 Chrome 浏览器中 - Y 轴刻度从 0.000009999999999999(而不是 0.00001)开始。请找到随附的屏幕截图。
其他 Y 轴不会出现此渲染问题。在渲染之前,我正在为每个轴设置轴 MIN/MAX/AXISCROSSINGVALUE。
另外,请建议格式化 Y 轴刻度标签的替代方法。
【问题讨论】:
标签:
javascript
kendo-ui
kendo-chart
【解决方案1】:
您可以使用函数来绘制比例。将函数添加到您的轴数据。
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”定义,因为它是对数刻度