Highcharts HTML表格中的Highchart数据与线系列

下面是从html表加载的示例

我想用它，但也允许不同的系列类型

我正在考虑添加一个复选框列，该列将指示一个行序列，但我不确定如何正确地将其传递给此函数

data: {
    table: document.getElementById('datatable')
},

---

如果您有其他指向此功能/api的链接，我们将不胜感激。

我不知道您想如何使用该复选框，但通常您可以预定义如下系列选项：

    series: [{
        yAxis: 0
    }, {
        type: 'spline',
        yAxis: 1
    }]

---

示例：

仅在数据表中设置一些复选框是一项艰巨的工作，但现在您可以开始了。我已经利用

数据

选项的

解析

回调来解析复选框并从中设置序列类型：

      data: {
            table: document.getElementById('datatable'),
            parsed: function(){
                var checkBoxes = $('#typeRow input'); //find checkboxes
                for (var i = 0; i < checkBoxes.length; i++){
                    this.columns[i+1].pop(); // remove checkbox row, this will break highcharts parsing
                    if (checkBoxes[i].checked){                                           
                        this.chartOptions.series[i]['type'] = 'line'; //set the series type
                    }
                    else
                    {
                        this.chartOptions.series[i]['type'] = 'column';
                    }
                }
            }
        },

数据：{
表：document.getElementById（'datatable'），
已解析：函数（）{
var复选框=$（'#typeRow input'）；//查找复选框
对于（变量i=0；i

---

这是一个有效的方法。

很漂亮，正是我想要的-我不知道解析的回调。我在一个允许用户动态创建图表的页面上工作——所有tds都将是输入或复选框。我目前的方法是使用angular，但它变得太麻烦了，特别是如果我可以利用直接从表加载的功能，因为这基本上就是我使用angular的目的-模型是与highcharts之类的数据对象绑定的表行/列