ระบุขั้นตอนระหว่างเส้นตารางหลักในแผนภูมิพื้นที่ kendo dataviz

ฉันได้สร้างแผนภูมิพื้นที่ซึ่งแสดงสถานะของเครื่องเล่นสื่อจำนวนมากตลอดทั้งวัน

ฉันต้องการให้มีเส้นตารางหลักทุกๆ ชั่วโมง และเส้นตารางรองทุกๆ ครึ่งชั่วโมง ฉันไม่เห็นว่าคุณสามารถตั้งค่า "ขั้นตอน" ของเส้นตารางได้ที่ไหน

ต่อไปนี้เป็นวิธีที่ฉันกำลังตั้งค่า:

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

และมีลักษณะเช่นนี้ รูปภาพที่ย่อขนาดนี้จะแสดงเส้นตารางน้อยลงตามที่แสดงจริง แต่รูปภาพนี้ยังคงบ่งบอกว่ามีเส้นจำนวนมากจนหยุดให้บริการตามวัตถุประสงค์

ป้อนคำอธิบายรูปภาพที่นี่


person Andrew Shepherd    schedule 12.11.2012    source แหล่งที่มา


คำตอบ (1)


ฉันโพสต์คำถามเดียวกันในฟอรัม Telerik:

http://www.kendoui.com/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
        }
    },
person Andrew Shepherd    schedule 22.11.2012