Гистограмма с неправильной высотой

Question

Существует три ряда данных, два из которых являются сериями столбцов (Длительность инсоляции и Длительность питания).

Когда я импортирую данные ( из таблицы в полоску ) в верхние диаграммы,высота гистограммы не отображается должным образом.Он не соответствует масштабу значения графика, например:

например, 2018/05/01

Значение Insolation меньшечем значение мощности, но высота столбчатой ​​диаграммы длительности мощности выше, чем длительность инсоляции.

Вот параметры диаграммы, которые я использую:

var ChartObj =
{
    type: "chart",
    value: 
    {
        "chart": { "alignTicks": false, "zoomType": "xy" }, 
        "title": { "text": " ", "floating": false, "align": "center" },                                                     
        "xAxis": 
        [
        { 
            "categories": [],   //PUT LABEL IN HERE 
            "crosshair": true, "index": 0, "isX": true 
        }
        ], 
        "tooltip": { "shared": true }, 
        "legend": 
        { 
            "layout": "horizontal", 
            "align": "right", 
            "x": 0, 
            "verticalAlign": "top", 
            "y": 0, 
            "floating": false, 
            "backgroundColor": "#FFFFFF" 
        }, 
        "yAxis": 
        [
        { 
            "gridLineColor": "transparent", 
            "labels": 
            { 
                "format": "{value}", 
                "style": { "color": "#7cb5ec" }, 
                "enabled": false 
            }, 
            "title": { "text": null, "style": { "color": "#7cb5ec" } }, 
            "opposite": false, 
            "index": 0,
        },          
        { 
            "gridLineColor": "transparent", 
            "labels": 
            { 
                "format": "{value}", 
                "style": { "color": "#90ed7d" }, 
                "enabled": false 
            }, 
            "title": 
            { 
                "text": null, 
                "style": { "color": "#90ed7d" } 
            }, 
            "opposite": true, 
            "index": 1,  
        }, 
        { 
            "gridLineColor": "transparent", 
            "labels": 
            { 
                "format": "{value}", 
                "style": { "color": "#f7a35c" }, 
                "enabled": false 
            }, 
            "title": { "text": null, 
            "style": { "color": "#f7a35c" } }, 
            "opposite": true, 
            "index": 2,   
        }
        ], 
        "series": 
        [
        { 
            // Insolation
            "name": " ",        
            "color": "#90ed7d", 
            "tooltip": 
            { 
                "valueSuffix": "", 
                "pointFormat": "<span style=\"color:{point.color}\">●</span> {series.name}: <b>{point.y:,.2f}</sup></b><br/>" 
            }, 
            "yAxis": 0, 
            "type": "column", 
            "data": [],         
            "_symbolIndex": 0 
        },
        { 
            // Power
            "name": " ",    
            "color": "#f7a35c", 
            "tooltip": 
            { 
                "valueSuffix": "", 
                "pointFormat": "<span style=\"color:{point.color}\">●</span> {series.name}: <b>{point.y:,.2f}</b><br/>" 
            }, 
            "yAxis": 1, 
            "type": "column", 
            "data": [], 
            "_symbolIndex": 1 
        },
        { 
            // PR
            "name": " ", 
            "color": "#7cb5ec", 
            "tooltip": 
            { 
                "valueSuffix": "", 
                "pointFormat": "<span style=\"color:{point.color}\">●</span> {series.name}: <b>{point.y:,.2f}</b><br/>" 
            }, 
            "yAxis": 2, 
            "type": "line", 
            "data": [] 
        }
        ] 
    }                                              
};

Answer 1

Вам нужно установить max для оси 2 первого столбца, как это

{ 
        "gridLineColor": "transparent", 
        "labels": 
        { 
            "format": "{value}", 
            "style": { "color": "#7cb5ec" }, 
            "enabled": false 
        }, 
        "title": { "text": null, "style": { "color": "#7cb5ec" } }, 
        "opposite": false, 
        "index": 0,
        max:12 // The value to set
    }, 

Или измените индекс вашей серии, чтобы использовать тот же yAxis

Демонстрационная скрипка