Highcharts多个窗格,plotOptions仅在一个窗格中比较百分比

时间:2013-11-01 21:51:25

标签: highcharts

对于两组不同的数据系列,我有两个窗格(yAxis:0和yAxis:1)。当我使用plotOptions比较设置为百分比时,第二个窗格(yAxis:1)变为空白(或者实际上我认为曲线被推到最顶部,但仍然不可见)。如果我删除plotOptions部分,那么第二个窗格就像我想要的那样出现。但后来我没有按照我想要的方式得到第一个窗格(标准化,所以我可以看到百分比差异而不是绝对值)。 有没有办法将plotOptions仅应用于第一个窗格/ yAxis:0?

window.chart = new Highcharts.StockChart({
    chart: {
        renderTo : 'container'
    },

    title: {
        text : 'Relative rates for <?=$stock1?>, <?=$stock2?>, and OMX30, and positions taken'
    },

    rangeSelector: {
        buttons: [{
            type: 'month',
            count: 1,
            text: '1m'
        }, {
            type: 'month',
            count: 3,
            text: '3m'
        }, {
            type: 'month',
            count: 6,
            text: '6m'
        }, {
            type: 'ytd',
            text: 'YTD'
        }, {
            type: 'year',
            count: 1,
            text: '1y'
        }, {
            type: 'year',
            count: 4,
            text: '4y'
        }, {
            type: 'all',
            text: 'All'
        }],
        selected: 5
    },

    yAxis: [{
        title: {
            text: 'Normalized rates'
        },
        height: 250,
        labels: {
            formatter: function() {
                return (this.value > 0 ? '+' : '') + this.value + '%';
            }
        },
        plotLines: [{
            value: 0,
            width: 2,
            color: 'silver'
        }]
    }, {
        title: {
            text: 'Positions taken'
        },
        top: 300,
        height: 100,
        offset: 0,
        plotLines: [{
            value: 0,
            width: 2,
            color: 'silver'
        }]
    }],

    xAxis: {
        type: 'datetime',
        minRange: 1728000000   //Minimibredden på grafen i ms
    },

    plotOptions: {
        series: {
            compare: 'percent'
        }
    },

    series: [{
        name : '<?=$stock1?>',
        data : json_data,
        yAxis : 0,
        tooltip: {
            yDecimals: 2
        }
    },{
        name : '<?=$stock2?>',
        data : json_data2,
        yAxis : 0,
        tooltip: {
            yDecimals: 2
        }
    },{
        name : 'OMX30',
        data : json_data3,
        yAxis : 0,
        tooltip: {
            yDecimals: 2
        }
    },{
        name : '<?=$stock1?>',
        data : json_data4,
        yAxis : 1,
        tooltip: {
            yDecimals: 1
        }
    },{
        name : '<?=$stock2?>',
        data : json_data5,
        yAxis : 1,
        tooltip: {
            yDecimals: 1
        }
    }]
});

});

0 个答案:

没有答案