Диапазон дат с последней даты прошлого года для режима YTD

04 Марта 2021 16:35

Режим YTD — означает вывод данных с начала года до текущей даты. Для начала диапазона берется дата 01.01.хххх текущего года, но если она отсутствует то берется следующая доступная.

В некоторых случаях, может потребоваться формирование диапазона не с начала года, а с последнего дня предыдущего года 31.12.xxxx. Для этого можно задать смещение даты для кнопки YTD.

Пример

 

HTML

<div id="container" style="height: 400px; min-width: 600px">&nbsp;</div>
<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/stock/modules/data.js"></script>
<script src="https://code.highcharts.com/stock/modules/exporting.js"></script>

JS


Highcharts.getJSON('https://demo-live-data.highcharts.com/aapl-c.json', function (data) {
    // Create the chart
    Highcharts.stockChart('container', {

        rangeSelector: {
            buttonTheme: {
                width: 120
            },
            buttons: [{
                type: 'ytd',
                count: 1,
                text: 'YTD - 31 of Dec',
                offsetMin: -24 * 3600 * 1000
            }, {
                type: 'ytd',
                count: 1,
                text: 'YTD - 1st of Jan',
                offsetMax: 0 // default
            }, {
                type: 'all',
                text: 'All'
            }]
        },
        xAxis: {
            ordinal: false
        },
        title: {
            text: 'AAPL Stock Price'
        },

        series: [{
            name: 'AAPL',
            data: data,
            tooltip: {
                valueDecimals: 2
            }
        }]
    });
});