Блог

Главная - Вопросы по программированию - Highcharts 8 — Изменение типа диаграммы при изменении размера окна

Highcharts 8 — Изменение типа диаграммы при изменении размера окна

#highcharts

#графики

Вопрос:

Мы используем Highcharts 8, и нам было интересно, возможно ли изменить тип диаграммы — например, со столбца на строку, при изменении размера браузера с использованием атрибута Responsive.

 We tried:

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

Но ничего не происходит.

Ответ №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