javascript - Highchart 股票图表的 Highchart Json 格式

标签 javascript highcharts

来自examples highcharts 给出的 highStock 的 Json 格式为:

[
[1237766400000,174.13],
[1237852800000,173.41],
[1237939200000,171.86],
[1238025600000,176.47],
[1238112000000,173.68],
[1238371200000,171.17],
[1238457600000,173.86]
]

但我想将系列名称放入 Json 数据中:

[
    {"name":"USD"},
     {"data":
      [
        [1237766400000,174.13],
        [1237852800000,173.41],
        [1237939200000,171.86],
        [1238025600000,176.47],
        [1238112000000,173.68],
        [1238371200000,171.17],
        [1238457600000,173.86]
      ]
     }
]

这是我的代码:

var  currCodeArray = ['USD']

$.each(currCodeArray, function(i, currCode) {

        $.getJSON('//servername/GetHighChartData.ashx?currCode='+currCode, function(data) {
            createChart(data);
         });
    });

    function createChart(data) {

      $('#container').highcharts('StockChart', {

          yAxis: {
            opposite: false,
            labels: {
              format: '{value:.2f}'
            }

          },

          legend: {
            enabled: true
          },
          series: data

        });
      }

问题是我看到的图表是:

enter image description here

最佳答案

发送数据

[
{"name":"USD"},
 {"data":
  [
    [1237766400000,174.13],
    [1237852800000,173.41],
    [1237939200000,171.86],
    [1238025600000,176.47],
    [1238112000000,173.68],
    [1238371200000,171.17],
    [1238457600000,173.86]
  ]
 }
]

格式基本上意味着您正在发送两个不同系列的数据,因为数组中有两个对象。 将其更改为

[
{"name":"USD",
 "data":
  [
    [1237766400000,174.13],
    [1237852800000,173.41],
    [1237939200000,171.86],
    [1238025600000,176.47],
    [1238112000000,173.68],
    [1238371200000,171.17],
    [1238457600000,173.86]
  ]
 }
]

请注意,我已删除“USD”之后和“data”之前的大括号。

关于javascript - Highchart 股票图表的 Highchart Json 格式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36129016/

相关文章:

javascript - ReactJS 单击并按住按钮

highcharts - 在 HighChart Solid Gauge 中隐藏 YAxis 值

highcharts - 在 HighCharts 中使用 CSS 类

javascript - HighCharts 日期格式

javascript - 这个循环动画的 JavaScript 代码更少?

javascript - IE11 是否使用哈希表来优化 document.getElementById()?

javascript - 根据单元格值将行移动到其他工作表

javascript - 如何在 JavaScript 中调用属性(如方法)

javascript - 将数组传递给 setData() 函数时出现问题

javascript - X 轴刻度不以 highcharts 中的列系列为中心(jsFiddle)