Highchart ASP .NET MVC ось x как метка времени

251

05 сентября 2017, 12:01

Не добавлении точек, не строится шкала времени по оси х.

Код контроллера:

public ActionResult GetChartData()
        {
            var data = new List<SensorSeries>();
                Random rnd = new Random();
                for (int i = 0; i < 1000; i++)
                {
                    data.Add(new SensorSeries(DateTime.Today.ToUniversalTime().ToString(), rnd.Next()));
                }
            }
            con.Close();
            var dataforchart = data.Select(x => new { date = x.Timestamp, y = x.Value });
            return Json(dataforchart, JsonRequestBehavior.AllowGet);
        }

Код представления:

@section scripts
{
<script src="~/Scripts/Charts/highcharts.js"></script>
<script>
    $(document)
    .ready(function () {
        $('#chartbtn')
            .click(function () {
                $.ajax({
                    type: "GET",
                    url: '@Url.Action("GetChartData")',
                    dataType: "json",
                    success: function (data) {
                        var series = [
                            {
                                type: 'area',
                                name: 'Some series',
                                data: data
                            }
                        ];
                        createChart("#chartArea", "Sample line", series);
                    }
                });
            });
    });
    function createChart(chartcontainer, title, series) {
        $(chartcontainer)
            .highcharts({
                chart: {
                    type: 'line',
                    zoomType: 'xy'
                },
                credits: {
                    enabled: false,
                },
                xAxis: {
                    type: 'datetime'
                },
                exporting: {
                    enabled: true,
                },
                plotOptions: {
                    area: {
                        fillColor: {
                            linearGradient: {
                                x1: 0,
                                y1: 0,
                                x2: 0,
                                y2: 1
                            },
                            stops: [
                                [0, Highcharts.getOptions().colors[0]],
                                [1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
                            ]
                        },
                        marker: {
                            radius: 2
                        },
                        lineWidth: 1,
                        states: {
                            hover: {
                                lineWidth: 1
                            }
                        },
                        threshold: null
                    }
                },
                series: series,
                title: {
                    text: title
                }
            });
    }