Highcharts / stock xAxis仅显示年份

时间:2015-08-11 14:25:06

标签: javascript svg highcharts

我正在制作一些高档图表。

我的数据如下:

[1133308800, 1.95492806759836],
[1135987200, 2.01739233585526],
[1138665600, 2.0725059567737],
[1141084800, 1.89533596472326],

我的xAxis设置:

            xAxis: {

                labels: {
                    style: {
                        textTransform: 'uppercase',
                        color: '#a7b9c7',
                        fontFamily: 'Helvetica Neue, Helvetica',
                        fontSize: '11px'
                    }
                },
                lineWidth: 0,
                minorGridLineWidth: 0,
                lineColor: 'transparent',
                minorTickLength: 0,
                tickLength: 0,
                plotLines: [{
                    color: '#3b3c40',
                    dashStyle: 'dot',
                    value: .5,
                    width: 1
                }]
            },

问题是xAxis上的标签就像 14。 Jan 等我希望从我的数据开始只是一年。

    $.getJSON(name + '.json', function(data) {

        seriesOptions[i] = {
            name: name,
            data: data,
            color: colors[i]
        };

        seriesCounter += 1;

        if (seriesCounter === names.length) {
            createChart();
        }
    });

有人可以解释一下如何只在xAxis上显示年份吗?

enter image description here

1 个答案:

答案 0 :(得分:1)

您可以按dateTimeLabelFormats

配置日期时间标签
{
    millisecond: '%H:%M:%S.%L',
    second: '%H:%M:%S',
    minute: '%H:%M',
    hour: '%H:%M',
    day: '%e. %b',
    week: '%e. %b',
    month: '%b \'%y',
    year: '%Y'
}