【问题标题】:Why chart dont load when i change json file为什么当我更改 json 文件时图表不加载
【发布时间】:2016-12-07 05:28:37
【问题描述】:

我今天开始使用highcharts并尝试使用他们提供的代码但是当我更改json文件的url时,图形不再加载

初始代码:

 $.getJSON('https://www.highcharts.com/samples/data/jsonp.php?filename=usdeur.json&callback=?', function (data)

我换了:

$.getJSON('http://localhost:55529/content/dados/data.json', function (data) 

我的 json 文件:

[
[Date.UTC(2013,5,2),0.7695],
[Date.UTC(2013,5,3),0.7648]
]

有人可以帮我吗?

【问题讨论】:

  • 你能做小提琴之类的吗?
  • 可能是因为之前已经加载了来自 ajax 图的响应。
  • 当您将url指向本地时,您是否调查过调用是否实际返回了json数据?我会在接收数据的函数中使用 alert() ,只是为了看看是否真的有任何东西回来。可能阻止您的调用返回数据的问题的一个示例是您的 url 是用端口硬编码的;端口总是保持不变吗?无论如何,在您知道数据是否返回之前,无法进一步调试。
  • 我已经创建了小提琴,我对您提供的代码没有任何问题。 jsfiddle.net/1v9hp67r/4 或者您可能使用数组中的数组作为字符串,并且需要将其解析为 javascript 代码?

标签: javascript asp.net json highcharts


【解决方案1】:

由于$.getJSON()async,您的图表可能在您收到响应之前就已加载。

你有两种选择来解决这个问题;

将您的 JSON 更改为;

callback([
    [Date.UTC(2013,5,2),0.7695],
    [Date.UTC(2013,5,3),0.7648]
]);

和你的$.getJSON() 到;

$.getJSON('http://localhost:55529/content/dados/data.json&callback=?', function (data)

或;

保持原样,但不要使用$.getJSON()

$.ajax({
  url: 'http://localhost:55529/content/dados/data.json',
  async: false,
  dataType: 'json',
  success: function (data) {
    mydata = data.whatever;
  }
});

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-12-02
    • 1970-01-01
    • 2021-12-05
    • 2021-12-08
    • 2023-02-11
    • 2019-11-14
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多