logo标签列表

Kendo UI中X轴标签步骤间隔

javascriptkendo-ui
3

我刚接触Kendo-UI，但是无法将x轴步长设置为0.1的间隔（0.1、0.2、0.3、0.4等）。它默认为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。你能在你的问题中发布一些代码吗？ - Nic
1
看起来kendo只是根据数据找出要缩放的位置。标签上的“skip”和“step”只控制标签显示的位置...所以如果网格按0.2进行，而您有“step: 2”，它将仅显示每个其他标签。 - redbmk
1个回答
4

看起来您想将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 是相同的吗？它们所有的属性都一样吗？ - casillas
我还有一个关于kendo ui功能的问题。是否可以创建一个单一信号，其中包含多种颜色，类似于http://stackoverflow.com/questions/21143651/d3-js-dc-js-different-colored-line-segments-for-single-line-in-line-graph - casillas
1
我在图表文档中找到了xAxis的参考。它说它“支持所有valueAxis选项”。 - redbmk
非常感谢@redbmk，这是非常有用的信息。 - casillas
1
这是一个使用条形图的示例，但我相信相同的想法也适用于“散点图”或其他任何东西。基本上，在数据中有一个额外的字段包含您想要的颜色，并且在系列中，您告诉它要使用哪个字段作为颜色，使用colorField：http://demos.telerik.com/kendo-ui/bar-charts/local-data-binding - redbmk
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接