Kendo UI中的X轴标签步骤间隔

时间:2015-04-28 22:32:03

标签: javascript kendo-ui

我是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

1 个答案:

答案 0 :(得分:3)

您希望将majorUnit: .1设置为xAxis上的属性。

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

他们的文档并不是最容易找到的内容,但如果你在图表上做了很多工作,那么阅读它可能会很好。这是valueAxis.majorUnit上的位。

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