1

我创建了一个面积图，展示了一天内许多媒体播放器的状态。

我希望每小时有一条主要网格线，每半小时有一条次要网格线。我看不到您可以在哪里设置网格线的“步长”。

这是我目前的设置方式：

$("#chart").kendoChart({
    theme: "blueOpal",
    title: {
        visible:false
    },
    chartArea: {
        height: 800
    },
    legend: {
        position: "bottom"
    },
    seriesDefaults: {
        type: "area",
        stack: true
    },
    series: [],
    valueAxis: {
        labels: {
            format: "{0}",
            visible: true
        }
    },
    categoryAxis: {
        categories: [],
        labels: {
            visible: true,
            step:60
        },
        minorGridLines: {
            visible: false
        },
        majorGridLines: {
            visible: true,
        },
        majorTicks: {
            visible: false,
            size: 2
        }
    },
    tooltip: {
        visible: true,
        format: "{0}"
    },
    seriesColors: [
            '#336699',
            '#EBAD60',
            '#FF0000',
            '#9582BB',
            '#028482'
    ]
});

它看起来像这样。这个缩小的图像显示了更少的实际显示的网格线，但是这个图像仍然表明有太多的线，它们不再起作用。

在此处输入图像描述

4

1 回答 1

3

我在 Telerik 论坛上发布了同样的问题：

http://www.kendoui.c​​om/forums/dataviz/chart/specify-the-step-between-major-gridlines-in-a-datetime-series.aspx#2378855

答案是：不能在 Kendo UI DataViz 中设置网格线步长。

希望我有理由在 2013 年回来更新这个答案。

稍后编辑

最后，在 2014.1 版本的 Kendo UI 中，您可以指定垂直网格线的频率。这是通过配置属性categoryAxis.majorGridLines.step和categoryAxis.minorGridLines.step

    categoryAxis: {
        categories: [],
        labels: {
            visible: true,
            step: 60
        },
        minorGridLines: {
            visible: true,
            step: 30
        },
        majorGridLines: {
            visible: true,
            step: 60
        },
        majorTicks: {
            visible: false,
            size: 2
        }
    },
于 2012-11-22T21:55:31.567 回答