Question

我正在为highcharts使用data.js插件。使用他们的基本demo我使用.NET生成的表创建了自己的test版本。关于这个的文档非常稀疏（基本上它是data.src.js中的内容）。我收到的错误是它将数据值作为字符串发送（HC错误＃14）。我不完全确定如何修改代码以使其适用于我的简单表。

这是我的js代码：

$(function () {
    $('#container').highcharts({
        data: {
            table: document.getElementById('ctl00_Main_content_ucDashboard_ctl00_ctl11_ctl02_lstData_tblData')
        },
        chart: {
            type: 'column'
        }
    });
});

其他信息：问题似乎是我的表格单元格包含封装值的span标记。我无法控制这些标签，并且可以进行演示。

Answer 1

表格中的<span>标签是问题所在。试试这个：

$(function () {
    $('#container').highcharts({
        data: {
            table: $('#ctl00_Main_content_ucDashboard_ctl00_ctl11_ctl02_lstData_tblData').clone(true).find('span').replaceWith(function() { return this.innerHTML; }).end()[0]
        },
        chart: {
            type: 'column'
        },
        title: {
            text: ''
        }
    });
});

（你也可以简单地从他们来自哪里删除span标签）

http://jsfiddle.net/5Gjyy/

从HTML表中解析数据

1 个答案: