Highcharts:单个数据点的 x 轴标签问题
Highcharts: x axis label issue with a single data point
查看以下示例,
- jsfiddle example one 有多个数据点
- jsfiddle example two 有一个数据点
第一个有多个数据点的例子看起来不错,这正是我需要的:每个数据点的 x 轴标签是一年,即 2015
、2016
、2017
.
然而,第二个包含单个数据点的示例,其 x 轴标签为 08:00:00.000
。
问题是如何在第一个示例显示 2015
而不是 08:00:00.000
中制作 x 轴标签。
提前感谢您的任何建议和帮助。
不确定为什么单点显示格式不同,但您可以在 xAsis - 标签中强制使用格式 属性(然而,这在文档和许多其他问题中明确指定:http://www.highcharts.com/docs/chart-concepts/labels-and-string-formatting):
xAxis: {
type: 'datetime',
labels: {
format: '{value:%Y}',
align: 'left'
}
}
图表中还有一个导航器,您必须在那里设置格式:
navigator: {
enabled: true,
adaptToUpdatedData: false,
height: 20,
xAxis: {
type: 'datetime',
labels: {
format: '{value:%Y}',
align: 'left'
}
}
}
JsFiddle:http://jsfiddle.net/t3ujt9xz/2/
查看以下示例,
- jsfiddle example one 有多个数据点
- jsfiddle example two 有一个数据点
第一个有多个数据点的例子看起来不错,这正是我需要的:每个数据点的 x 轴标签是一年,即 2015
、2016
、2017
.
然而,第二个包含单个数据点的示例,其 x 轴标签为 08:00:00.000
。
问题是如何在第一个示例显示 2015
而不是 08:00:00.000
中制作 x 轴标签。
提前感谢您的任何建议和帮助。
不确定为什么单点显示格式不同,但您可以在 xAsis - 标签中强制使用格式 属性(然而,这在文档和许多其他问题中明确指定:http://www.highcharts.com/docs/chart-concepts/labels-and-string-formatting):
xAxis: {
type: 'datetime',
labels: {
format: '{value:%Y}',
align: 'left'
}
}
图表中还有一个导航器,您必须在那里设置格式:
navigator: {
enabled: true,
adaptToUpdatedData: false,
height: 20,
xAxis: {
type: 'datetime',
labels: {
format: '{value:%Y}',
align: 'left'
}
}
}
JsFiddle:http://jsfiddle.net/t3ujt9xz/2/