如何在Highchart中动态填充数据

我使用下面的代码来显示条形图，我不知道如何在名称和和字段中动态填充值。我已经在JavaScript数组中的名称和y数据。如何在Highchart中动态填充数据

var productsName = [Laptop,Photoframe,PuzzleBox]; 
var productPrintCount = [56,24,10]

我不想在图表中硬编码名称和y值，我想动态填充，有人可以帮助我如何将这些值放在下面的图表中？

JSFiddle

data: [{ 
     name: 'Laptop', 
     y: 56 
    }, { 
     name: 'Photoframe', 
     y: 24 
    }, { 
     name: 'PuzzleBox', 
     y: 10 
    }]

来源

2016-05-13 java begineer

所以你的意思是你有两个数组中的数据，并且你想改变格式，所以它是一个对象数组，就像在最后一个例子中那样，对吗？ –

var productsName = ['Laptop', 'Photoframe', 'PuzzleBox'], 
    productPrintCount = [56,24,10], 
    mappingDataFn = function() { 
      var resultData = []; 
      $.each(productsName, function (key, value) { 
       resultData.push({ 
        'name': value, 
        'y': productPrintCount[key] 
      }); 
     }); 
     return resultData; 
    }; 
... 
    series: [{ 
     name: 'Brands', 
     colorByPoint: true, 
     data: mappingDataFn() 
    }]

的想法：映射从函数的数据。这里的jsfiddle

来源

2016-05-13 08:53:55 mtamma

如何在Highchart中动态填充数据

回答

相关问题