Highcharts先调整和x轴最后一跳直接在下面的图像值
问题描述:
我现在的x轴的样子: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/
答
将溶液以下功能添加到x轴对象。
tickPositioner() {
let tickPositions = this.tickPositions;
tickPositions[0] = this.dataMin;
tickPositions[tickPositions.length - 1] = this.dataMax;
return tickPositions;
}
如果您想要答案,您至少需要分享您的系列数据。最好是一个jsfiddle与你当前的图表。 – ewolden
已添加JSFiddle。 – Janek
您不能设置一些滴答,并让图表在同一轴上自动生成其他滴答。你可以尝试两件事:1)创建第二个'xAxis',你只指定那两个刻度(你需要调整偏移量,隐藏线等)。2)添加两个'plotLines'到你的图表并使用它们标签来实现你的目标。否则,您可以使用'tickPositioner()'函数在单个轴上适当地设置所有滴答。 – jlbriggs