Kendo UI折線圖未刷新

Question

我正在使用Kendo Data viz，並將JSON傳遞到.NET MVC頁面以初始化圖表：

<div class="k-chart" id="SummaryWeekImportChart"></div>
$("#SummaryWeekImportChart").kendoChart(
        @Html.Raw(Model.KendoLineChartJson));

JSON（重要位）：

"dataSource":{
  "schema":{
     "model":{
        "fields":{
           "TotalValue":{
              "type":"number"
           },
           "SuccessValue":{
              "type":"number"
           },
           "ErrorValue":{
              "type":"number"
           },
           "Date":{
              "type":"date"
           },
           "Category":{
              "type":"string"
           },
           "ToolTip":{
              "editable":false,
              "type":"string"
           }
        }
     }
  },
  "data":[
     {
        "TotalValue":0,
        "SuccessValue":0,
        "ErrorValue":0,
        "Date":"2013-10-18T00:00:00",
        "Category":"18/10/2013",
        "ToolTip":"18/10/2013"
     },
     {
        "TotalValue":0,
        "SuccessValue":0,
        "ErrorValue":0,
        "Date":"2013-10-19T00:00:00",
        "Category":"19/10/2013",
        "ToolTip":"19/10/2013"
     },
     {
        "TotalValue":0,
        "SuccessValue":0,
        "ErrorValue":0,
        "Date":"2013-10-20T00:00:00",
        "Category":"20/10/2013",
        "ToolTip":"20/10/2013"
     },
     {
        "TotalValue":0,
        "SuccessValue":0,
        "ErrorValue":0,
        "Date":"2013-10-21T00:00:00",
        "Category":"21/10/2013",
        "ToolTip":"21/10/2013"
     },
     {
        "TotalValue":1,
        "SuccessValue":0,
        "ErrorValue":1,
        "Date":"2013-10-22T00:00:00",
        "Category":"22/10/2013",
        "ToolTip":"22/10/2013"
     },
     {
        "TotalValue":68,
        "SuccessValue":68,
        "ErrorValue":0,
        "Date":"2013-10-23T00:00:00",
        "Category":"23/10/2013",
        "ToolTip":"23/10/2013"
     },
     {
        "TotalValue":96,
        "SuccessValue":96,
        "ErrorValue":0,
        "Date":"2013-10-24T00:00:00",
        "Category":"24/10/2013",
        "ToolTip":"24/10/2013"
     }
  ]

我正在使用JavaScript每x秒輪詢一次服務器：

$.get("/Dash/GetLineChartData", { searchDateString: searchDateForm },
            function (incomingData) {
                console.log("GetLineChartData back...", incomingData);

                // Replace the data in the pie chart with the new data
                var chart = $('#SummaryWeekImportChart').data("kendoChart");
                var currSource = chart.dataSource;
                currSource.data(incomingData.dataSource.data);
                chart.refresh();
            });

數據加載正常，但x軸上的標簽斷開。

有誰知道如何在不弄亂標簽的情況下更新折線圖的數據？

Answer 1

您可以在劍道圖表的內添加categoryAxis屬性，例如

categoryAxis: {
                field: "Date",
                labels: {
                    rotation: -65
                },
                majorGridLines: {
                    visible: false
                }
            },