Укажите шаг между основными линиями сетки в диаграмме областей данных кендо.

Я создал диаграмму с областями, иллюстрирующую состояние многих медиаплееров в течение одного дня.

Я хочу, чтобы основная линия сетки была каждый час, а второстепенная - каждые полчаса. Я не вижу, где вы можете установить «шаг» линии сетки.

Вот как я сейчас настраиваю:

$("#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'
    ]
});

И это выглядит так. На этом уменьшенном изображении отображается меньше линий сетки, чем на самом деле, но это изображение по-прежнему указывает на то, что линий так много, что они перестают служить цели.

введите здесь описание изображения


kendo-ui kendo-dataviz
person Andrew Shepherd    schedule 12.11.2012    source источник

Ответы (1)


arrow_upward
3
arrow_downward

Я разместил тот же вопрос на форумах Telerik:

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

Ответ таков: вы не можете установить шаг сетки в Kendo UI DataViz.

Надеюсь, у меня будет причина вернуться и обновить этот ответ в 2013 году.

Позднее редактирование

Наконец, в версии 2014.1 пользовательского интерфейса Kendo вы можете указать частоту вертикальных линий сетки. Это делается с помощью свойств конфигурации 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
        }
    },
person Andrew Shepherd    schedule 22.11.2012