ApexCharts Vue - Диаграмма Тепловой карты - Временная шкала увеличения - PullRequest
Новая
       38

ApexCharts Vue - Диаграмма Тепловой карты - Временная шкала увеличения

0 голосов
/ 14 октября 2019

Есть ли способ получить функцию масштабирования в диаграмме Heatmap из ApexCharts (VueJS) 

<VueApexCharts v-bind:style="{ 'box-shadow':'0px 0px 2.3px 0px'}" width="350" height="220" type=heatmap :options="chartOptionsNew" :series="dataSeries"></VueApexCharts>

Я могу увеличивать и уменьшать ось x, но значения оси y не отражаются. enter image description here

chartOptionsNew: {
            chart: {
                stacked: false,
                zoom: {
                type: 'x',
                enabled: true,
                autoScaleYaxis: false,
                toolbar: {
                  autoSelected: 'zoom',
                  tools: { download: true, selection: true, zoom: true, zoomin: true, zoomout: true, pan: true, reset: true },
                }
              },
            }

Возможно ли это на графиках Heatmap от ApexCharts?

Заранее спасибо!

1 Ответ

0 голосов
/ 14 октября 2019

Установите тип масштабирования на «xy» 

chartOptionsNew: {
    chart: {
        stacked: false,
        zoom: {
            type: 'xy', <--- this line
            enabled: true,
            autoScaleYaxis: false,
            toolbar: {
                autoSelected: 'zoom',
                tools: {
                    download: true,
                    selection: true,
                    zoom: true,
                    zoomin: true,
                    zoomout: true,
                    pan: true,
                    reset: true
                },
            }
        },
    }

Примечание. Масштабирование не будет включено для оси категории, но только для диаграмм с числовой осью. Например, графики времени.

...