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

问题描述

我们正在使用Highcharts 8，想知道是否可以在使用Responsive属性调整浏览器大小时将图表类型更改为例如从列更改为折线。

We tried:

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

但是什么也没发生。

解决方法

通过以下方式更改类型：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