Question

使用Highchart插件，我尝试了generate a pie chart from table数据。但它不起作用，因为表值包含<a>标记。可能下一个最简单的解决方案是将表值存储到array中。然后使用该数据数组生成饼图。由于表行，单元格，值等的数量可能会改变，因此我找到了一个动态解决方案，将array转换为参数值对。像following，

这样的东西

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()]

Answer 1

可能我的问题不够明确。但是我能够解决我的问题。

This是我的初始脚本，数据直接投入使用。

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

在solution中，数据来自数组。可以轻松地从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);
}

在JavaScript参数内部循环

编辑：更多说明

1 个答案: