高图8-更改窗口大小的图表类型

Question

我们使用高级图表8，并想知道是否可以更改图表类型-例如，在使用Responsive属性调整浏览器大小时，从一列更改到一行。

We tried:

responsive: {
              rules: [{
                       condition: {
                            maxWidth: 500
                        },
                        chartOptions: {
                            type: 'line',
                            legend: {
                                align: 'center',
                                verticalAlign: 'bottom',
                                layout: 'horizontal'
                            }
                           
                        }
                    }]
                }

但是什么都没发生。

Answer 1

将类型更改为：chartOptions.chart.type

    responsive: {
        rules: [{
            condition: {
                maxWidth: 500
            },
            chartOptions: {
                chart: {
                    type: 'line'
                },
                ...
            }
        }]
    }

现场演示： http://jsfiddle.net/BlackLabel/gv012eyc/

API参考： https://api.highcharts.com/highcharts/chart.type