1

1日の多くのメディアプレーヤーのステータスを示す面グラフを作成しました。

1時間ごとに大きなグリッド線があり、30分ごとに小さなグリッド線があるようにします。グリッド線の「ステップ」をどこに設定できるかわかりません。

これが私が現在それを設定している方法です：

$("#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年に戻ってこの回答を更新する理由ができます。

後で編集

最後に、Kendo UI の 2014.1 リリースでは、垂直グリッド線の頻度を指定できます。これは、構成プロパティによって行われ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 に答える