我是highcharts的初学者。我正在尝试一些事情并陷入困境。我的x轴重复多次。工具提示值应包含日期和时间,如图所示。但我想改变的是x轴值。相同的值必须只显示一次,并且不会在有数据的地方重复。
X轴格式必须是DD-MMM,工具提示应为DD-MM-YY HH am / pm。 这可能吗?
这是我的试用代码
Highcharts.chart('container', {
chart: {
type: 'spline'
},
title: {
text: 'Snow depth at Vikjafjellet, Norway'
},
subtitle: {
text: 'Irregular time data in Highcharts JS'
},
xAxis: {
categories:['01-Feb-17 12 AM','01-Feb-17 01 AM','01-Feb-17 02 AM','02-Feb-17 04 AM','02-Feb-17 05 AM','02-Feb-17 06 AM','02-Feb-17 07 AM'],
labels: {
formatter: function () {
y=(this.value).substring(1,6);
return y;
}
}
},
yAxis: {
title: {
text: 'Snow depth (m)'
},
min: 0
},
tooltip: {
formatter: function () {
y=(this.x).substring(0,15);
return y;
},
shared:false
},
plotOptions: {
spline: {
marker: {
enabled: true
}
}
},
series: [{
name: 'Winter 2012-2013',
// Define the data points. All series have a dummy year
// of 1970/71 in order to be compared on the same x axis. Note
// that in JavaScript, months start at 0 for January, 1 for February etc.
data: [5,10,19,10,4,6,8]
}]
});
答案 0 :(得分:1)
如果您的x轴类别将是一组可预测的值(例如,每天有四个读数),那么您只需添加tickInterval
属性即可显示新的轴标签。日更改(请参阅http://api.highcharts.com/highcharts/xAxis.tickInterval)。
因此,如果您每天有四个读数,则可以将tickInterval: 4
添加到x轴选项中。这将在每四个读数显示一个轴标签,或者,在本例中,每天一次。
但是,如果您的x轴类别不可预测(例如,每天任意数量的读数),您可能需要查看此Highcharts演示,该演示显示具有不规则时间段的图表:{{3} }。在本演示中,您将看到您正在测量的任何单位(小时,天等)的常规非重复轴标签,并且数据的绘制频率与其中记录的频率一样频繁。数据
我希望这些示例和资源对您有所帮助。