Javascript 使用本地数组数组作为数据源初始化Jquery数据表

我正在尝试使用DataTables jquery插件构建一个DataTable，数据来源于数组数组，存储在变量中。我已经将我的代码缩减到了中展示的示例的近似图像

基本上我就是不能让它工作。以下是它的要点：

$(document).ready(function() {

    $('#graphic').html('<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"></table>');

    console.log(tableData);

    $('#example').dataTable( { 
    "data": tableData,
    "columns": [
        {"title": "column1"},
        {"title": "column2"},
        {"title": "column3"}
        ]
    });

});

完整的代码笔就在这里：

很明显，示例中引用的DataTables版本在版本控制方面有点过时，但我希望它仍然有效，因为我不知道还有什么地方可以查看。

请查看此内容

在您提供的Codepen中，html的格式不正确

var tableData = [
      ["Bloom Energy","$230,749,470.00","23.60%"],
      ["Sharp","$101,269,745.00","10.30%"],
      ["Fuel Cell Energy","$79,232,173.00","8.10%"],
      ["PowerLight Corp","$72,808,834.00","7.40%"],
      ["BP Solar","$42,675,004.00","4.40%"],
      ["Sanyo Corp","$42,490,525.00","4.30%"],
      ["GE Energy","$40,276,444.00","4.10%"],
      ["Kyocera","$35,602,522.00","3.60%"],
      ["Schott Solar","$30,763,890.00","3.10%"],
      ["Shell Solar","$26,424,040.00","2.70%"],
      ["Uni-Solar","$26,608,651.00","2.70%"],
      ["UTC Power","$24,692,800.00","2.50%"],
      ["Dresser Waukesha","$21,687,291.00","2.20%"],
      ["Solar Intergrated Technologies","$19,212,787.00","2.00%"],
      ["Hess Microgen","$17,541,618.00","1.80%"],
      ["ASE Americas, Inc","$13,900,954.00","1.40%"],
      ["SunPower Corp","$13,978,725.00","1.40%"],
      ["Capstone Turbine Corp","$12,987,082.00","1.30%"],
      ["SolarWorld","$12,220,067.00","1.20%"],
      ["Caterpillar","$8,342,765.00","0.90%"],
      ["Cummins Power","$8,356,097.00","0.90%"],
      ["Ingersoll-Rand","$8,083,191.00","0.80%"],
      ["Evergreen Solar","$7,170,698.00","0.70%"],
      ["Coast IntelliGen Power","$6,085,302.00","0.60%"],
      ["Ballard Power Systems","$4,747,500.00","0.50%"],
      ["First Solar","$4,927,430.00","0.50%"],
      ["Mitsubishi Power Systems","$5,250,000.00","0.50%"],
      ["Siemens","$4,519,114.00","0.50%"],
      ["Solar Turbines (Caterpillar)","$4,452,129.00","0.50%"],
      ["Energy Photovoltaics, Inc","$3,764,517.00","0.40%"],
      ["Mitsubishi Electric","$3,793,815.00","0.40%"],
      ["Deutz","$2,852,423.00","0.30%"],
      ["Guascor","$2,698,292.00","0.30%"],
      ["Matrix Solar","$3,373,977.00","0.30%"],
      ["NEG Micon","$3,118,147.00","0.30%"],
      ["SunTech Power","$3,358,984.00","0.30%"],
      ["Tecogen","$3,165,706.00","0.30%"],
      ["Tesla","$2,672,044.00","0.30%"],
      ["AstroPower","$1,587,822.00","0.20%"],
      ["BYD","$2,000,000.00","0.20%"],
      ["DTE Energy Technologies","$1,870,497.00","0.20%"],
      ["Flex Energy","$1,875,000.00","0.20%"],
      ["Fuhrlaender AG","$1,500,000.00","0.20%"],
      ["Kawasaki","$1,810,156.00","0.20%"],
      ["BluePoint Energy","$1,247,707.00","0.10%"],
      ["Canyon Hydro","$625,000.00","0.10%"],
      ["ClearEdge Power","$1,296,250.00","0.10%"],
      ["iPower Energy Systems","$1,036,000.00","0.10%"],
      ["Kaneka Corporation","$1,005,569.00","0.10%"],
      ["MAN","$864,000.00","0.10%"],
      ["Nexgen Energy Systems, Inc","$506,971.00","0.10%"],
      ["Open Energy Corp","$731,840.00","0.10%"],
      ["Prudent Energy","$1,200,000.00","0.10%"],
      ["Stowell Distributed Power","$1,341,000.00","0.10%"],
      ["Bowman Power","$328,420.00","0.00%"],
      ["Burgey","$10,686.00","0.00%"],
      ["Endurance Wind Power","$88,500.00","0.00%"],
      ["Entegrity Wind Systems","$258,000.00","0.00%"],
      ["Generac","$149,659.00","0.00%"],
      ["Genergy Power Solutions","$192,068.00","0.00%"],
      ["GS","$10,000.00","0.00%"],
      ["Hercules","$129,068.00","0.00%"],
      ["Indigo Wind Energy Systems Inc","$337,500.00","0.00%"],
      ["Martin Machinery","$171,413.00","0.00%"],
      ["Outback Power","$9,270.00","0.00%"],
      ["ReDriven Power Inc","$173,376.00","0.00%"],
      ["Simson Maxwell","$266,216.00","0.00%"],
      ["SMA America","$135,509.00","0.00%"],
      ["Southwest Windpower","$66,300.00","0.00%"],
      ["Stem Inc","$192,240.00","0.00%"],
      ["Sunverge","$86,400.00","0.00%"],
      ["Turbec AB","$315,870.00","0.00%"]
    ];

    $(document).ready(function() {

        $('#graphic').html('<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"></table>');

        console.log(tableData);

        $('#example').DataTable( { 
            "data": tableData,
            "columns": [
                {"title": "column1"},
                {"title": "column2"},
                {"title": "column3"}
                ]
        });

    });

var tableData=[
[“Bloom Energy”、“$230749470.00”、“23.60%”，
[“夏普”，“101269745.00美元”，“10.30%”，
[“燃料电池能源”，“79232173.00美元”，“8.10%”，
[“PowerLight公司”，“72808834.00美元”，“7.40%”，
[“英国石油太阳能”，“42675004.00美元”，“4.40%”，
[“三洋公司”，“42490525.00美元”，“4.30%”，
[“GE Energy”、“$40276444.00”、“4.10%”，
[“京瓷”，“35602522.00美元”，“3.60%”，
[“肖特太阳能”，“30763890.00美元”，“3.10%”，
[“壳牌太阳能”，“2642440.00美元”，“2.70%”，
[“Uni Solar”、“$26608651.00”、“2.70%”，
[“联合技术动力公司”，“24692800.00美元”，“2.50%”，
[“Dresser Waukesha”，“21687291.00美元”，“2.20%”，
[“太阳能综合技术”，“19212787.00美元”，“2.00%”，
[“Hess Microgen”，“17541618.00美元”，“1.80%”，
[“ASE美洲公司”，“13900954.00美元”，“1.40%”，
[“SunPower公司”，“13978725.00美元”，“1.40%”，
[“顶点涡轮机公司”，“12987082.00美元”，“1.30%”，
[“太阳世界”，“12220067.00美元”，“1.20%”，
[“卡特彼勒”，“8342765.00美元”，“0.90%”，
[“康明斯动力”，“8356097.00美元”，“0.90%”，
[“英格索兰”，“8083191.00美元”，“0.80%”，
[“长荣太阳能”，“7170698.00美元”，“0.70%”，
[“Coast IntelliGen Power”、“$6085302.00”、“0.60%”，
[“巴拉德电力系统”，“4747500.00美元”，“0.50%”，
[“第一太阳能”，“4927430.00美元”，“0.50%”，
[“三菱电力系统”，“5250000.00美元”，“0.50%”，
[“西门子”，“4519114.00美元”，“0.50%”，
[“太阳能涡轮机（卡特彼勒）”，“$4452129.00”，“0.50%”，
[“能源光伏公司”，“3764517.00美元”，“0.40%”，
[“三菱电机”，“3793815.00美元”，“0.40%”，
[“道依茨”，“2852423.00美元”，“0.30%”，
[“Guascor”，“2698292.00美元”，“0.30%”，
[“矩阵太阳能”，“3373977.00美元”，“0.30%”，
[“负米康”，“3118147.00美元”，“0.30%”，
[“尚德电力”，“3358984.00美元”，“0.30%”，
[“Tecogen”、“$3165706.00”、“0.30%”，
[“特斯拉”，“2672044.00美元”，“0.30%”，
[AstroPower]、“$1587822.00”、“0.20%”，
[“比亚迪”，“2000000.00美元”，“0.20%”，
[“DTE能源技术”，“1870497.00美元”，“0.20%”，
[“弹性能源”，“1875000.00美元”，“0.20%”，
[“Fuhrlaender AG”，“1500000.00美元”，“0.20%”，
[“川崎”，“1810156.00美元”，“0.20%”，
[“蓝点能源”，“1247707.00美元”，“0.10%”，
[“Canyon Hydro”，“625000.00美元”，“0.10%”，
[“ClearEdge电源”，“1296250.00美元”，“0.10%”，
[“iPower能源系统”，“1036000.00美元”，“0.10%”，
[“卡内卡公司”，“1005569.00美元”，“0.10%”，
[“男人”，“864000.00美元”，“0.10%”，
[“Nexgen能源系统公司”，“506971.00美元”，“0.10%”，
[“开放能源公司”，“731840.00美元”，“0.10%”，
[“审慎能源”，“1200000.00美元”，“0.10%”，
[“Stowell分布式电源”，“1341000.00美元”，“0.10%”，
[“鲍曼动力”，“328420.00美元”，“0.00%”，
[“Burgey”、“$10686.00”、“0.00%”，
[“持久风力发电”，“88500.00美元”，“0.00%”，
[“Entegrity风电系统”，“258000.00美元”，“0.00%”，
[“Generac”、“$149659.00”、“0.00%”，
[“通用电力解决方案”、“$192068.00”、“0.00%”，
[“GS”、“$10000.00”、“0.00%”，
[“赫拉克勒斯”，“129068.00美元”，“0.00%”，
[“Indigo风能系统公司”，“337500.00美元”，“0.00%”，
[“马丁机械”，“171413.00美元”，“0.00%”，
[“内地电力”，“9270.00美元”，“0.00%”，
[“ReDriven电力公司”，“173376.00美元”，“0.00%”，
[“西蒙麦克斯韦”，“266216.00美元”，“0.00%”，
[“SMA美国”、“$135509.00”、“0.00%”，
[“西南风电”，“66300.00美元”，“0.00%”，
[“Stem公司”，“192240.00美元”，“0.00%”，
[“Sunverge”、“$86400.00”、“0.00%”，
[“Turbec AB”，“315870.00美元”，“0.00%”
];
$（文档）.ready（函数（）{
$（'#graphic'）.html（''）；
console.log（tableData）；
$（'#示例'）。数据表（{
“数据”：表格数据，
“栏目”：[
{“标题”：“第1列”}，
{“标题”：“第2栏”}，
{“标题”：“第3列”}
]
});
});

HTML

<body>
    <h1>TITLE OF GRAPHIC</h1>
    <h2>SUBHEAD</h2>
    <p>FIRST GRAF</p>
    <div id="graphic"></div>
    <div class="footer">
        <p>Source: DATA SOURCE</p>
    </div>
</body>

图形标题
分目
第一格拉夫

资料来源：数据来源

看看这个

在您提供的Codepen中，html的格式不正确

var tableData = [
      ["Bloom Energy","$230,749,470.00","23.60%"],
      ["Sharp","$101,269,745.00","10.30%"],
      ["Fuel Cell Energy","$79,232,173.00","8.10%"],
      ["PowerLight Corp","$72,808,834.00","7.40%"],
      ["BP Solar","$42,675,004.00","4.40%"],
      ["Sanyo Corp","$42,490,525.00","4.30%"],
      ["GE Energy","$40,276,444.00","4.10%"],
      ["Kyocera","$35,602,522.00","3.60%"],
      ["Schott Solar","$30,763,890.00","3.10%"],
      ["Shell Solar","$26,424,040.00","2.70%"],
      ["Uni-Solar","$26,608,651.00","2.70%"],
      ["UTC Power","$24,692,800.00","2.50%"],
      ["Dresser Waukesha","$21,687,291.00","2.20%"],
      ["Solar Intergrated Technologies","$19,212,787.00","2.00%"],
      ["Hess Microgen","$17,541,618.00","1.80%"],
      ["ASE Americas, Inc","$13,900,954.00","1.40%"],
      ["SunPower Corp","$13,978,725.00","1.40%"],
      ["Capstone Turbine Corp","$12,987,082.00","1.30%"],
      ["SolarWorld","$12,220,067.00","1.20%"],
      ["Caterpillar","$8,342,765.00","0.90%"],
      ["Cummins Power","$8,356,097.00","0.90%"],
      ["Ingersoll-Rand","$8,083,191.00","0.80%"],
      ["Evergreen Solar","$7,170,698.00","0.70%"],
      ["Coast IntelliGen Power","$6,085,302.00","0.60%"],
      ["Ballard Power Systems","$4,747,500.00","0.50%"],
      ["First Solar","$4,927,430.00","0.50%"],
      ["Mitsubishi Power Systems","$5,250,000.00","0.50%"],
      ["Siemens","$4,519,114.00","0.50%"],
      ["Solar Turbines (Caterpillar)","$4,452,129.00","0.50%"],
      ["Energy Photovoltaics, Inc","$3,764,517.00","0.40%"],
      ["Mitsubishi Electric","$3,793,815.00","0.40%"],
      ["Deutz","$2,852,423.00","0.30%"],
      ["Guascor","$2,698,292.00","0.30%"],
      ["Matrix Solar","$3,373,977.00","0.30%"],
      ["NEG Micon","$3,118,147.00","0.30%"],
      ["SunTech Power","$3,358,984.00","0.30%"],
      ["Tecogen","$3,165,706.00","0.30%"],
      ["Tesla","$2,672,044.00","0.30%"],
      ["AstroPower","$1,587,822.00","0.20%"],
      ["BYD","$2,000,000.00","0.20%"],
      ["DTE Energy Technologies","$1,870,497.00","0.20%"],
      ["Flex Energy","$1,875,000.00","0.20%"],
      ["Fuhrlaender AG","$1,500,000.00","0.20%"],
      ["Kawasaki","$1,810,156.00","0.20%"],
      ["BluePoint Energy","$1,247,707.00","0.10%"],
      ["Canyon Hydro","$625,000.00","0.10%"],
      ["ClearEdge Power","$1,296,250.00","0.10%"],
      ["iPower Energy Systems","$1,036,000.00","0.10%"],
      ["Kaneka Corporation","$1,005,569.00","0.10%"],
      ["MAN","$864,000.00","0.10%"],
      ["Nexgen Energy Systems, Inc","$506,971.00","0.10%"],
      ["Open Energy Corp","$731,840.00","0.10%"],
      ["Prudent Energy","$1,200,000.00","0.10%"],
      ["Stowell Distributed Power","$1,341,000.00","0.10%"],
      ["Bowman Power","$328,420.00","0.00%"],
      ["Burgey","$10,686.00","0.00%"],
      ["Endurance Wind Power","$88,500.00","0.00%"],
      ["Entegrity Wind Systems","$258,000.00","0.00%"],
      ["Generac","$149,659.00","0.00%"],
      ["Genergy Power Solutions","$192,068.00","0.00%"],
      ["GS","$10,000.00","0.00%"],
      ["Hercules","$129,068.00","0.00%"],
      ["Indigo Wind Energy Systems Inc","$337,500.00","0.00%"],
      ["Martin Machinery","$171,413.00","0.00%"],
      ["Outback Power","$9,270.00","0.00%"],
      ["ReDriven Power Inc","$173,376.00","0.00%"],
      ["Simson Maxwell","$266,216.00","0.00%"],
      ["SMA America","$135,509.00","0.00%"],
      ["Southwest Windpower","$66,300.00","0.00%"],
      ["Stem Inc","$192,240.00","0.00%"],
      ["Sunverge","$86,400.00","0.00%"],
      ["Turbec AB","$315,870.00","0.00%"]
    ];

    $(document).ready(function() {

        $('#graphic').html('<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"></table>');

        console.log(tableData);

        $('#example').DataTable( { 
            "data": tableData,
            "columns": [
                {"title": "column1"},
                {"title": "column2"},
                {"title": "column3"}
                ]
        });

    });

var tableData=[
[“Bloom Energy”、“$230749470.00”、“23.60%”，
[“夏普”，“101269745.00美元”，“10.30%”，
[“燃料电池能源”，“79232173.00美元”，“8.10%”，
[“PowerLight公司”，“72808834.00美元”，“7.40%”，
[“英国石油太阳能”，“42675004.00美元”，“4.40%”，
[“三洋公司”，“42490525.00美元”，“4.30%”，
[“GE Energy”、“$40276444.00”、“4.10%”，
[“京瓷”，“35602522.00美元”，“3.60%”，
[“肖特太阳能”，“30763890.00美元”，“3.10%”，
[“壳牌太阳能”，“2642440.00美元”，“2.70%”，
[“Uni Solar”、“$26608651.00”、“2.70%”，
[“联合技术动力公司”，“24692800.00美元”，“2.50%”，
[“Dresser Waukesha”，“21687291.00美元”，“2.20%”，
[“太阳能综合技术”，“19212787.00美元”，“2.00%”，
[“Hess Microgen”，“17541618.00美元”，“1.80%”，
[“ASE美洲公司”，“13900954.00美元”，“1.40%”，
[“SunPower公司”，“13978725.00美元”，“1.40%”，
[“顶点涡轮机公司”，“12987082.00美元”，“1.30%”，
[“太阳世界”，“12220067.00美元”，“1.20%”，
[“卡特彼勒”，“8342765.00美元”，“0.90%”，
[“康明斯动力”，“8356097.00美元”，“0.90%”，
[“英格索兰”，“8083191.00美元”，“0.80%”，
$('#example').DataTable( { 
        "aaData": tableData,
        "aoColumns": [
            {"title": "column1"},
            {"title": "column2"},
            {"title": "column3"}
            ]
    });