Question

来自html表的继承人和示例

http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/column-parsed/

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

http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/combo-dual-axes/

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

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

此功能/ api的任何其他链接也将不胜感激

Answer 1

要在数据表中设置一些复选框，这需要付出很多努力，但是现在就去了。我利用parsed选项的data回调来解析复选框并从中设置系列类型：

      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';
                    }
                }
            }
        },

这是一个有效的fiddle。

Answer 2

我不知道你想用这个复选框做什么，但一般来说你可以预定义这样的系列选项：

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

示例：http://jsfiddle.net/4mb9k/

带有行系列的HTML表格中的Highchart数据

2 个答案: