telerik kendo图表绑定到字符串

问题描述 投票:0回答:1

我是telerik kendo图表的新手我创建了一个从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个回答
0
投票

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

© www.soinside.com 2019 - 2024. All rights reserved.