一周的 Highstock 工具提示 dateTimeLabelFormats 无法正常工作
Highstock tooltip dateTimeLabelFormats for week not working correctly
我正在尝试使用 dateTimeLabelFormats 变量来自定义 StockChart 中显示的文本。
在这个 URL (它在测试环境中):
http://isplife.stage.h-art.it/it/prodotti/prospettiva-20/fondi/investi-con-me-attivo-forte
如果你看第一张图表,Andamento del Fondo Interno,我为工具提示定制的标签
day:"%d/%m/%Y"
工作正常。
如果您查看此页面:
http://isplife.stage.h-art.it/it/prodotti/prospettiva-20/fondi/el-prospettiva-monetario-euro
同样的图表,由于有很多数据,按周对数据进行分组,标签仍然显示默认的 "Week from ..." 标签,即使我们已经按如下方式对其进行了自定义:
week:"Settimana del %d/%m/%Y"
代码可以在这里找到:
http://isplife.stage.h-art.it/jscript/fund.js
第 75 行。这是一个错误吗?有什么想法吗?
很难精确地使用您的代码,因为您没有提供问题的最小示例,但您的问题似乎是您正在设置 tooltip.dateTimeLabelFormats
when you should be setting plotOptions.series.dataGrouping.dateTimeLabelFormats
,或者可能两者都设置。
可以从 tooltip.dateTimeLabelFormats
API 描述中读出其原因:
Note that when data grouping applies, the date time label formats are pulled from dataGrouping.dateTimeLabelFormats instead, because it also allows formatting of time spans.
数据分组在 Highstock 中很常见,因此经常会出现这种情况。要解决此问题,您可以将以下代码添加到 fund.js 图表选项(在 tooltip
f.x 上方):
plotOptions: {
series: {
dataGrouping: {
dateTimeLabelFormats: {
millisecond: ['%A, %b %e, %H:%M:%S.%L', '%A, %b %e, %H:%M:%S.%L', '-%H:%M:%S.%L'],
second: ['%A, %b %e, %H:%M:%S', '%A, %b %e, %H:%M:%S', '-%H:%M:%S'],
minute: ['%A, %b %e, %H:%M', '%A, %b %e, %H:%M', '-%H:%M'],
hour: ['%A, %b %e, %H:%M', '%A, %b %e, %H:%M', '-%H:%M'],
day: ['%A, %b %e, %Y', '%A, %b %e', '-%A, %b %e, %Y'],
week: ['Settimana del %d/%m/%Y', '%A, %b %e', '-%A, %b %e, %Y'],
month: ['%B %Y', '%B', '-%B %Y'],
year: ['%Y', '%Y', '-%Y']
}
}
}
}
我只编辑了测试你的一周是否有效的部分,但正如你所看到的,这部分也有时间跨度。来自文档:
For each of these array definitions, the first item is the format used when the active time span is one unit. For instance, if the current data applies to one week, the first item of the week array is used. The second and third items are used when the active time span is more than two units. For instance, if the current data applies to two weeks, the second and third item of the week array are used, and applied to the start and end date of the time span.
我正在尝试使用 dateTimeLabelFormats 变量来自定义 StockChart 中显示的文本。 在这个 URL (它在测试环境中): http://isplife.stage.h-art.it/it/prodotti/prospettiva-20/fondi/investi-con-me-attivo-forte 如果你看第一张图表,Andamento del Fondo Interno,我为工具提示定制的标签
day:"%d/%m/%Y"
工作正常。 如果您查看此页面: http://isplife.stage.h-art.it/it/prodotti/prospettiva-20/fondi/el-prospettiva-monetario-euro 同样的图表,由于有很多数据,按周对数据进行分组,标签仍然显示默认的 "Week from ..." 标签,即使我们已经按如下方式对其进行了自定义:
week:"Settimana del %d/%m/%Y"
代码可以在这里找到: http://isplife.stage.h-art.it/jscript/fund.js 第 75 行。这是一个错误吗?有什么想法吗?
很难精确地使用您的代码,因为您没有提供问题的最小示例,但您的问题似乎是您正在设置 tooltip.dateTimeLabelFormats
when you should be setting plotOptions.series.dataGrouping.dateTimeLabelFormats
,或者可能两者都设置。
可以从 tooltip.dateTimeLabelFormats
API 描述中读出其原因:
Note that when data grouping applies, the date time label formats are pulled from dataGrouping.dateTimeLabelFormats instead, because it also allows formatting of time spans.
数据分组在 Highstock 中很常见,因此经常会出现这种情况。要解决此问题,您可以将以下代码添加到 fund.js 图表选项(在 tooltip
f.x 上方):
plotOptions: {
series: {
dataGrouping: {
dateTimeLabelFormats: {
millisecond: ['%A, %b %e, %H:%M:%S.%L', '%A, %b %e, %H:%M:%S.%L', '-%H:%M:%S.%L'],
second: ['%A, %b %e, %H:%M:%S', '%A, %b %e, %H:%M:%S', '-%H:%M:%S'],
minute: ['%A, %b %e, %H:%M', '%A, %b %e, %H:%M', '-%H:%M'],
hour: ['%A, %b %e, %H:%M', '%A, %b %e, %H:%M', '-%H:%M'],
day: ['%A, %b %e, %Y', '%A, %b %e', '-%A, %b %e, %Y'],
week: ['Settimana del %d/%m/%Y', '%A, %b %e', '-%A, %b %e, %Y'],
month: ['%B %Y', '%B', '-%B %Y'],
year: ['%Y', '%Y', '-%Y']
}
}
}
}
我只编辑了测试你的一周是否有效的部分,但正如你所看到的,这部分也有时间跨度。来自文档:
For each of these array definitions, the first item is the format used when the active time span is one unit. For instance, if the current data applies to one week, the first item of the week array is used. The second and third items are used when the active time span is more than two units. For instance, if the current data applies to two weeks, the second and third item of the week array are used, and applied to the start and end date of the time span.