Question

我尝试了图表的xAxis设置的各种排列-希望使图表从x轴（最左侧）的起点开始。在以下设置中，x轴从7月1日开始（我不需要）-但是数据中的第一个时间戳记是7月10日。

xAxis: {
            crosshair: {
                color: 'rgba(0,0,0,0)',
                zIndex: 2,
            },
            min: timeStamp,
            type: 'datetime',
            ordinal: false,
            startOnTick: true,
            minPadding: 0,
            maxPadding: 0.025,
            minTickInterval: 28 * 24 * 3600 * 1000,
            labels: {
                format: '{value:%b %Y}',
                style: {
                    fontSize: '14px !important',
                },
            },
        },

这会生成以下图片

如何移动第一个数据点（7月10日），使其沿着y轴（在x轴的0％位置）出现/对齐？

Answer 1

您可以使用tickPositioner函数以所需的方式排列刻度线：

xAxis: {
    crosshair: {
        color: 'rgba(0,0,0,0)',
        zIndex: 2
    },
    startOnTick: true,
    tickPositioner: function(){
        var positions = [],
            tickInterval = 28 * 24 * 3600 * 1000,
            i = this.dataMin;

        for (; i <= this.dataMax; i+= tickInterval) {
            positions.push(i);
        }

        return positions;
    },
    type: 'datetime',
    labels: {
        format: '{value:%e %b %Y}',
        style: {
            fontSize: '14px'
        }
    }
}

实时演示：http://jsfiddle.net/BlackLabel/mn75610L/

API参考：https://api.highcharts.com/highcharts/yAxis.tickPositioner

Highstock图表-我希望图表从x轴的0％（开始）位置开始

1 个答案: