HighCharts как да използвате различни plotOptions за yAxis в многоосна диаграма

Трябва да начертая диаграма с две yAxis и също трябва да подредя колони. Когато имам една ос, мога много добре да подреждам стойности от три колони. Проблемът е, че когато добавя втора yAxis (множествена ос), новите три стойности се наслагват върху старата. Което води до 6 стойности в една подредена колона. не искам това Иска ми се да мога да задам различен plotOptions за подреждане на колоните според новата yAxis. Ето какво опитах

   $(function () {
    $('#container').highcharts({
        chart: {
            zoomType: 'xy'
        },
        title: {
            text: 'Average Monthly Enveloppe and Effectif in Kinshasa'
        },
        subtitle: {
            text: 'Source: sygecpaf'
        },
        xAxis: [{
            categories: ['Ja', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
                'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        }],
        yAxis: [{ // Primary yAxis
            labels: {
                format: '{value}Fc',
                style: {
                    color: '#89A54E'
                }
            },
            title: {
                text: 'Enveloppe',
                style: {
                    color: '#89A54E'
                }
            }
        }, { // Secondary yAxis
            title: {
                text: 'Effectifsl',
                style: {
                    color: '#4572A7'
                }
            },
            labels: {
                format: '{value}',
                style: {
                    color: '#4572A7'
                }
            },
            opposite: true
        }],
        tooltip: {
            shared: true
        },
        legend: {
            layout: 'vertical',
            align: 'left',
            x: 120,
            verticalAlign: 'top',
            y: 100,
            floating: true,
            backgroundColor: '#FFFFFF'
        },
        plotOptions: {
            column: {
                stacking: 'normal'
            }
        },
        series: [{
            name: 'Total',
            color: '#2415cf',
            type: 'column',
            yAxis: 1,
            data: [499, 715, 1064, 499, 715, 1292, 1440, 1760, 1356, 1485, 2164],
            tooltip: {
                valueSuffix: ' mm'
            }

        }, {
            name: 'Payés',
            color: '#4572A7',
            type: 'column',
            yAxis: 1,
            data: [1064, 1941, 956, 544, 1292, 1440, 1760, 1356, 1485, 2164, 1941, 956, 544],
            tooltip: {
                valueSuffix: ' mm'
            }

        }, {
            name: 'Non payés',
            color: '#c572A7',
            type: 'column',
            yAxis: 1,
            data:[1064, 1941, 956, 544, 1292, 1440, 1760, 1356, 1485, 2164, 1941, 956, 544],
            tooltip: {
                valueSuffix: ''
            }

        }, {
            name: 'Total',
            color: '#89A54E',
            type: 'column',
            data: [70, 69, 95, 145, 182, 215, 252, 265, 233, 183, 139, 96],
            tooltip: {
                valueSuffix: ' Fc'
            }
        }, {
            name: 'Payés',
            color: '#89A5fE',
            type: 'column',
            data: [70, 69, 95, 145, 182, 215, 252, 265, 233, 183, 139, 96],
            tooltip: {
                valueSuffix: '°C'
            }
        }, {
            name: 'Non Payés',
            color: '#72c5A7',
            type: 'column',
            data: [70, 69, 95, 145, 182, 215, 252, 265, 233, 183, 139, 96],
            tooltip: {
                valueSuffix: '°C'
            }
        }]
    });
});

Може ли някой да редактира тази цигулка, за да ми помогне с това, което искам да направя?

Благодаря


person Bellash    schedule 29.03.2014    source източник


Отговори (1)


Най-накрая реших проблема. Всъщност трябваше да дефинирам свойството стек във всяка серия

    ....,{
            name: 'leg1',
            stack: 'effstack',
            yAxis: 1,
            data:[...],

        },{
            name: 'leg2',
            stack: 'effstack',
            yAxis: 1,
            data:[...],

        },{
            name: 'leg3',
            stack: 'otherstack',
            yAxis: 0,
            data:[...],

        },{
            name: 'leg4',
            stack: 'otherstack',
            yAxis: 0,
            data:[...],

        },...

Ето новия jsfiddle

person Bellash    schedule 29.03.2014