Question

我正在制作剑道图表。我试图在X轴上加载日期，在Y上加载十进制值。我用控制器生成了500分。这是我的控制器。

        List<jsonmodel> arrret = new List<jsonmodel>();
        DateTime start = new DateTime(2015, 09, 14, 01, 20, 00);
        Random rnd = new Random();
        for (int i = 0; i < 500; i++)
        {
            decimal randomnumber = rnd.Next(10, 40);
            DateTime secondsincreament = new DateTime();
            secondsincreament = start;
            arrret.Add(new jsonmodel()
            {
                close = randomnumber,
                date = secondsincreament.ToString(),
            });
            start = start.AddSeconds(3);
        }

        return Json(arrret, JsonRequestBehavior.AllowGet);

我已经从2015年9月14日01:20:00开始，每个X轴循环和Y轴随机数增加3秒。

在Jquery中使用ajax，我创建了数组并将点推送到该数组。

dataSource.push({ "x": new Date(data.date), "y": data.close });

然后，剑道图表如下：

$("#chart").kendoChart({
    title: {
        text: "time stamp chart"
    },
    dataSource: {
        data: dataSource
    },
    series: [{
        type: "scatterLine",
        aggregate: "avg",
        xField: "x",
        yField: "y",
    }],
    xAxis: {
        min: new Date("2015/09/14 01:18:00"),
        max: new Date("2015/09/14 01:46:00"),
        labels: {
            template: "#= kendo.toString(value,'MM/dd/yyyy HH:mm:ss')#",
            baseUnit: "seconds",
        },
        crosshair: {
            visible: true,
            tooltip: {
                template: "#= kendo.toString(value,'MM/dd/yyyy HH:mm:ss')#",
                visible: true,
            },
        },
    },
    yAxis: {
        crosshair: {
            visible: true,
            tooltip: {
                visible: true,
            },
        },
    },
    autoBaseUnitSteps: {
        seconds: [3]
    }
});

问题是，数据在图表上正确加载，但并非所有日期（从控制器生成的秒数）都显示在X轴上。

我无法想象如何在scatterLine图表上设置秒的间隔（步长）。有人可以帮帮我吗？

由于

在剑道ui图表中的秒数间隔（步长）

0 个答案: