2

如果您在图表日期的最后一个日期有一个带有事件标记标志的数据点,则很难查看,因为它被推到图表的绝对最右边。有没有办法在这种情况下为图表添加更多空间?这是来自 highstocks 网站示例演示的一些改编小提琴代码,其中图表中的最终记录标记为“A”,说明了这个问题......

$(function() { $.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=usdeur.json&callback=?', function(data) {

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

        rangeSelector : {
            selected : 1
        },

        title : {
            text : 'USD to EUR exchange rate'
        },

        tooltip: {
            style: {
                width: '200px'
            },
            valueDecimals: 4
        },

        yAxis : {
            title : {
                text : 'Exchange rate'
            }
        },

        series : [{
            name : 'USD to EUR',
            data : data,
            id : 'dataseries'
        },
        // the event marker flags
        {
            type : 'flags',
            data : [{
                x : Date.UTC(2011, 3, 25),
                title : 'H',
                text : 'Euro Contained by Channel Resistance'
            }, {
                x : Date.UTC(2011, 3, 28),
                title : 'G',
                text : 'EURUSD: Bulls Clear Path to 1.50 Figure'
            }, {
                x : Date.UTC(2011, 4, 4),
                title : 'F',
                text : 'EURUSD: Rate Decision to End Standstill'
            }, {
                x : Date.UTC(2011, 4, 5),
                title : 'E',
                text : 'EURUSD: Enter Short on Channel Break'
            }, {
                x : Date.UTC(2011, 4, 6),
                title : 'D',
                text : 'Forex: U.S. Non-Farm Payrolls Expand 244K, U.S. Dollar Rally Cut Short By Risk Appetite'
            }, {
                x : Date.UTC(2011, 4, 6),
                title : 'C',
                text : 'US Dollar: Is This the Long-Awaited Recovery or a Temporary Bounce?'
            }, {
                x : Date.UTC(2011, 4, 9),
                title : 'B',
                text : 'EURUSD: Bearish Trend Change on Tap?'
            },
            {
                x : Date.UTC(2011, 4, 10),
                title : 'A',
                text : 'Test Flag Falling off the chart'                            
            }],
            onSeries : 'dataseries',
            shape : 'circlepin',
            width : 16
        }]
    });
});

});

4

2 回答 2

2

不幸的是,这是不可能的。此处报告有关切割标志的问题:https ://github.com/highslide-software/highcharts.com/issues/419

于 2013-01-31T13:49:47.583 回答
0

下面的代码可以解决这个问题:

yAxis : {
            title : {
                text : 'Exchange rate'
            },
            max: someBiggerValue, // set max to little higher as biggest data 
        },
于 2020-03-02T22:14:51.790 回答