Highcharts 中文社区

查看: 417|回复: 1

[JS 数据处理] 用ajax从后台读数据,往serier里添加的数据无法显示

[复制链接]

该用户从未签到

2

主题

2

帖子

19

积分

HC 新手

Rank: 1

积分
19
发表于 2019-12-3 22:17:36 | 显示全部楼层 |阅读模式
我在做甘特图的时候,通过ajax得到数据然后,往series里添加数据时,无法显示甘特图,从ajax里是可以读到json数据的,数据如下:
捕获.JPG
但是添加到seriers里却无法显示甘特图,有没有大神指点下,代码如下:
  1. var obj = [];
  2.         //用ajax方法得到后台的值     
  3.         $(function () {
  4.             $.ajax({
  5.                 type: "post",
  6.                 //这里写绝对路径   
  7.                 url: "http://localhost:63689/APS/%E8%AE%A1%E5%88%92%E7%AD%96%E7%95%A5.aspx/TaskData",
  8.                 contentType: "application/json; charset=utf-8",
  9.                 data: "{}",
  10.                 dataType: "json",
  11.                 cache: false,
  12.                 success: function (data) {
  13.                     if (data.d.length == 0)//如果当前无开工项,即传过来的数组中是空数组,则跳出当前执行函数
  14.                         return false;
  15.                     obj = data;  
  16.                     console.log(obj); //obj可以读到数据

  17.                 },
  18.                 error: function (XMLHttpRequest, textStatus, errorThrown) {
  19.                     alert(errorThrown);
  20.                 }
  21.             });
  22.         })

  23.         Highcharts.ganttChart('container', {
  24.             title: {
  25.                 text: 'Highcharts Gantt With Subtasks'
  26.             },
  27.             xAxis: {
  28.                 min: sTime.getTime() - (0 * day),//这里的day可以无视,前面有定义
  29.                 max: sTime.getTime() + (8 * 60 * day)//表示最一行显示的小时数,这里应该要根据总时间的大小进行调节
  30.             },
  31.             //用于在图上显示名字   
  32.             plotOptions: {
  33.                 series: {
  34.                     dataLabels: {
  35.                         enabled: true,
  36.                         format: '{point.name}',
  37.                         style: {
  38.                             cursor: 'default',
  39.                             pointerEvents: 'none'
  40.                         }
  41.                     }
  42.                 }
  43.             },
  44.             series: [
  45.                 {  
  46.                     data: obj  
  47.                 }
  48.             ]
  49.         });
复制代码




  • TA的每日心情

    2019-12-19 09:04
  • 签到天数: 6 天

    [LV.2]偶尔看看I

    5

    主题

    17

    帖子

    65

    积分

    HC 新手

    Rank: 1

    积分
    65
    发表于 2019-12-18 17:32:00 | 显示全部楼层
    https://jshare.com.cn/demos/SCEsqq
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    关闭

    站长推荐上一条 /1 下一条

    快速回复 返回顶部 返回列表