Highcharts先调整和x轴最后一跳直接在下面的图像值

我需要调整第一和最后一跳最低和最大价值。因此，让我们说第一个勾号将是26.4.2015 18:38:36和最后一个勾号将是27.4.2015 9:07:27。其余的蜱应自动计算。

$('#container').highcharts({ 
    chart: { 
    zoomType: "x" 
    }, 
    xAxis: { 
    type: "datetime", 
    title: { 
     text: "Time" 
    }, 
    minPadding: 0, 
    maxPadding: 0, 
    min: 1430073516000, 
    tickmarkPlacement: "on", 
    showFirstLabel: true, 
    showLastLabel: true, 
    startOnTick: false, 
    endOnTick: false, 
    labels: { 
     formatter() { 
     if (this.isFirst || this.isLast) { 
      return Highcharts.dateFormat("%e.%m.%Y %H:%M:%S", this.value); 
     } else { 
      return this.axis.defaultLabelFormatter.call(this); 
     } 
     } 
    } 
    }, 
    yAxis: { 
    title: { 
     text: "Value" 
    } 
    }, 
    tooltip: { 
    shared: true 
    }, 
    series: [ 
    { 
     id: "First", 
     name: "First", 
     marker: { 
     enabled: false 
     }, 
     data: [0, 0, 0, 0, 0, 0, 242, 542, 456, 422, 445, 884, 123], 
     pointStart: 1430073516000, 
     pointInterval: 60000 
    }, 
    { 
     id: "Second", 
     name: "Second", 
     marker: { 
     enabled: false 
     }, 
     data: [0, 0, 0, 25, 356, 427, 242, 456, 811, 422, 541, 5, 0], 
     pointStart: 1430073516000, 
     pointInterval: 60000 
    } 
    ] 
});

的jsfiddle：http://jsfiddle.net/vy5uL2aw/1/

来源

2017-10-13 Janek

如果您想要答案，您至少需要分享您的系列数据。最好是一个jsfiddle与你当前的图表。 – ewolden

已添加JSFiddle。 – Janek

您不能设置一些滴答，并让图表在同一轴上自动生成其他滴答。你可以尝试两件事：1）创建第二个'xAxis'，你只指定那两个刻度（你需要调整偏移量，隐藏线等）。2）添加两个'plotLines'到你的图表并使用它们标签来实现你的目标。否则，您可以使用'tickPositioner（）'函数在单个轴上适当地设置所有滴答。 – jlbriggs

将溶液以下功能添加到x轴对象。

tickPositioner() { 
    let tickPositions = this.tickPositions; 
    tickPositions[0] = this.dataMin; 
    tickPositions[tickPositions.length - 1] = this.dataMax; 
    return tickPositions; 
}

来源

2017-10-13 14:59:01 Janek

Highcharts先调整和x轴最后一跳直接在下面的图像值

回答

相关问题