如何在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中動態填充數據

回答

相關問題