Флаг события HighCharts HighStocks закрыт границей графика

Если у вас есть точка данных с флагом маркера события в последнюю дату даты диаграммы, ее чрезвычайно трудно просмотреть, поскольку она сдвинута к абсолютно правому краю диаграммы. Есть ли способ добавить больше места в диаграмму для этого сценария? Вот некоторый адаптированный код скрипта из демонстрационных примеров веб-сайта 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
        }]
    });
});

});


person CtrlShiftF11    schedule 02.01.2013    source источник


Ответы (2)


К сожалению, это невозможно. О проблеме с обрезанием флагов сообщается здесь: https://github.com/highslide-software/highcharts.com/issues/419

person Sebastian Bochan    schedule 31.01.2013

Следующий код работает для решения проблемы:

yAxis : {
            title : {
                text : 'Exchange rate'
            },
            max: someBiggerValue, // set max to little higher as biggest data 
        },
person Dejan Volk    schedule 02.03.2020