小编Ami*_*nga的帖子

HighStock图表中的多个系列

我按照以下主题解决了问题,但对我而言不起作用。

我有一个简单的要求,即在页面/图表加载时在单个图表(GBP_USD,USD_EUR和USD_CHF)中绘制多个系列,并且一旦完成初始加载,就会每秒调用一次服务器,该服务器返回一个包含三个值的数组系列1(GBP_USD),第二系列2(EUR_USD),第三系列3(USD_CHF)。

我首先从绘制静态图形开始,然后在一个图表中绘制三个系列。

当我在图表中绘制单个系列时,它可以正常工作,但是当我添加更多系列时,它不起作用。我可以在三个不同的调用中下载数据(遵循HighStock的比较示例),并且数据已成功接收,但是我没有得到曲线,而是得到了直线。[![该图像显示在Array中具有三个名称,它绘制了直线] [1]] [1]。[![此图片显示了名称数组只有一个值的图表-GBP_USD] [2]] [2]

JSFiddle链接

$(function() {
  console.log('in annynymous()');
  //	var names = ['GBP_USD'], // Any One Currency, works [serise is as it should be]
  var names = ['GBP_USD', 'EUR_USD', 'USD_CHF'], // Three currencies [series are flat]
    seriesCounter = 0,
    seriesOptions = [],
    colors = Highcharts.getOptions().colors;

  console.log('starting to retrive data');

  $.each(names, function(i, name) {
    document.getElementById("loading").innerHTML = '<B>Loading please wait.. retrieving data</B>';


    var url = "http://134.213.48.26:8080/apitest/api/v1/ext/jsfiddle/data?callback=?&id=" + name;
    $.getJSON(url, function(data) {
      console.log("success with grabing json data for …
Run Code Online (Sandbox Code Playgroud)

highcharts highstock

3
推荐指数
1
解决办法
3936
查看次数

标签 统计

highcharts ×1

highstock ×1