JavaScript参数内部循环

Looping inside JavaScript parameter

本文关键字：循环 内部 参数 JavaScript      更新时间：2023-09-26

使用Highchart插件，我试图从表数据生成饼图。但它不起作用，因为表值被<a>标记包裹。下一个最简单的解决方案可能是将表值存储到array中。然后使用该数据数组生成饼图。由于表的行数、单元格、值等可能会发生变化，所以我正在寻找一个动态解决方案，将array转换为参数值对。类似以下内容，

data: [{
    name: 'Point 1',
    color: '#00FF00',
    y: 1
}, {
    name: 'Point 2',
    color: '#FF00FF',
    y: 5
}]

所以，实际上我正在尝试为name、color、y等使用循环。

编辑：更多澄清

我正在寻找如下函数。

var names = ['Point 1', 'Point 2'];
var colors = ['#00FF00', '#FF00FF'];
var y =[1 , 2]
function tableData(){
    for (i=0; i<=1; i++ ) {
        name: names[i],
        color: colors[i],
        y: y[i]
    }
}
data: [tableData()]

可能我的问题不够清楚。然而，我还是解决了我的问题。

这是我最初的脚本，数据直接放入函数中。

data: [{
    name: 'Point 1',
    color: '#00FF00',
    y: 1
}, {
    name: 'Point 2',
    color: '#FF00FF',
    y: 5
}]

在解决方案中，数据来自数组。这些数组可以很容易地从HTML表中创建。

var names = ['Point 1', 'Point 2'];
var colors = ['#00FF00', '#FF00FF'];
var y = [1, 2]
var data1 = [];
for (i = 0; i <= 1; i++) {
    obj = {
      name: names[i],
      color: colors[i],
      y: y[i]
    };
    data1.push(obj);
}
相关文章：