Kendo UI 中的 X 轴标签步长间隔答案

【问题标题】：X Axis Label Steps Interval in Kendo UIKendo UI 中的 X 轴标签步长间隔
【发布时间】：2015-04-28 22:32:03
【问题描述】：

我是 Kendo-UI 的新手。我无法以 0.1 间隔（0.1、0.2、0.3、0.4 等）设置 x 轴步长。它默认为 0.2（步骤：1）。有没有人知道如何制作 0.1 间隔？

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.408/styles/kendo.common.min.css">
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.408/styles/kendo.rtl.min.css">
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.408/styles/kendo.default.min.css">
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.408/styles/kendo.dataviz.min.css">
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.408/styles/kendo.dataviz.default.min.css">
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.408/styles/kendo.mobile.all.min.css">

    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://cdn.kendostatic.com/2015.1.408/js/kendo.all.min.js"></script>
</head>
<body>

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  series: [
    { type: "scatter", data: [[1, 2]] }
  ],
  xAxis: {
    labels: {
      steps: 1
    }
  }
});
</script>
</body>
</html>

http://dojo.telerik.com/onuwu

【问题讨论】：

我无法加载 dojo.telerik.com/onuwu。你可以在你的问题中发布一些代码吗？
看起来剑道只是根据数据在哪里放大。标签上的skip 和step 只是控制在哪里显示标签...所以如果网格正在运行.2 和你有 step: 2 它只会显示所有其他标签

标签： javascript kendo-ui

【解决方案1】：

您似乎想将majorUnit: .1 设置为xAxis 上的属性。

http://dojo.telerik.com/onuwu/4

他们的文档不是最容易找到的东西，但如果您使用图表做了大量工作，通读一遍可能会很好。这是valueAxis.majorUnit上的内容。

$("#chart").kendoChart({
  series: [
    { type: "scatter", data: [[1, 2]] }
  ],
  xAxis: {
    majorUnit: .1
  }
});

【讨论】：

感谢@redbmk 的回答。我一直在寻找该功能一段时间。我是那个开发平台的新手。 valueAxis 和 xAxis 相同吗？他们所有的属性都一样吗？
我还有一个关于剑道 ui 功能的问题。是否可以创建具有多种颜色的单个信号，类似于stackoverflow.com/questions/21143651/…
我在chart docs 中找到了对xAxis 的引用。它说它“支持所有valueAxis 选项”。
非常感谢@redbmk，这是非常有用的信息。
这是一个使用条形图的例子，但我相信同样的想法也适用于“散点图”或其他任何东西。基本上，您在数据中有一个额外的字段，其中包含您想要的颜色，并且在您告诉它使用哪个字段用于颜色的系列中，使用 colorField: demos.telerik.com/kendo-ui/bar-charts/local-data-binding