Telerik 剑道图表绑定到字符串答案

【问题标题】：telerik kendo chart bind to stringTelerik 剑道图表绑定到字符串
【发布时间】：2019-02-21 21:30:18
【问题描述】：

我是 Telerik 剑道图表的新手，我创建了一个从 ashx 页面返回的字符串。我希望 x 轴是月份和年份中的日期，并且对于每个日期，将有两个框向上到该数字。

这是我从 ashx 页面发回字符串的方式吗？

ASHX.CS 页面

    string JSON = sb.ToString();

    context.Response.ContentType = "text/json";
    context.Response.Write(JSON);

[
    {
    "Date":"2/2018"
    "Images":"199956"
    "ImagesDownloads":"540903"
    },
{
    "Date":"3/2018"
    "Images":"226606"
    "ImagesDownloads":"635068"
    }
]

在我的 JS 页面中

var DataSource = new kendo.data.DataSource({
      transport: {
      read: {
      url: function() {
      return "/URI";
      },
      dataType: "json"
      }
      },

      group: {
      field: "Date"
      },

      sort: {
      field: "Date",
      dir: "asc"
      },

      schema: {
      model: {
      fields: {
      date: {
      type: "date"
      }
      }
      }
      }
      });

      function createChart() {
      $("#chart1").kendoChart({
      dataSource: DataSource,
      legend: {
      position: "bottom"
      },
      series:
        [{
          field: "Images",
          categoryField: "Date",
          name: "Number of Images"
          }, {
          field: "ImagesDownloads",
          categoryField: "Date",
          name: "Number of Images download"
        }],
      categoryAxis: {
      field: 'Date'
      },
      tooltip: {
      visible: true,
      shared: true
      }
      });
      }

      $(document).ready(function () {


      $(document).ready(createChart);
      $(document).bind("kendo:skinChange", createChart);

【问题讨论】：

标签： javascript kendo-ui telerik

【解决方案1】：

请参考this demo for grouped data bar chart。此演示还向您展示了 Kendo 如何支持类别轴上的日期格式，您可以使用 API Reference 了解更多信息。

【讨论】：