2

使用Highstock图表库，有什么方法可以使用 Highstock 范围选择器来显示自定义 YTD 选项？

当前，当您在范围选择器中使用“ytd”类型时，它默认使用日历年。对于我的用例（我也会想到金融机构），我需要显示从 4 月 1 日到 3 月 31 日运行的数据作为“年初至今”选项

4

2 回答 2

3

如果没有黑客来源，这可能是不可能的，请在 Highstock 中找到：

else if (type === 'ytd') {
        now = new Date(dataMax);
        year = now.getFullYear();
        newMin = rangeMin = mathMax(dataMin || 0, Date.UTC(year, 0, 1));
        now = now.getTime();
        newMax = mathMin(dataMax || now, now);
    }

如您所见，日期是硬编码的。您可以将它们更改为需要的。

于 2013-02-14T12:34:49.783 回答
1

这就是我的做法。无法处理查看以前的财务 YTD（这是我需要它的常见用例），但我确信我可以破解一些东西来做到这一点。

JSFiddle在这里

$(function() {   
var startDate  = new Date("April 01, 2012 00:00:00");
var today = new Date();

var count =  parseInt((today.getTime() - startDate)/(24*3600*1000)) -1;

$.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback=?', function(data) {
    // Create the chart
    window.chart = new Highcharts.StockChart({
        chart : {
            renderTo : 'container'
        },
        rangeSelector : {
            selected: 1,
            buttonTheme: {
                width:100
            },
            buttons: [{                                                 
                    type: 'ytd',
                    count: 1,
                    text: 'Calendar YTD'
                },
                   {
                    type: 'day',
                    count: count,
                    text: 'Financial YTD'
                }]
        },
        title : {
            text : 'AAPL Stock Price'
        },
        series : [{
            name : 'AAPL',
            data : data,
            tooltip: {
                valueDecimals: 2
            }
        }]            
    } );
});   
});
于 2013-02-15T11:09:45.650 回答