Highcharts在工具提示中使用loal日期而不是utc日期
Highcharts是一款流行的JavaScript图表库，用于在网页上创建交互式和可视化的图表。它提供了丰富的图表类型和配置选项，使开发人员能够轻松地创建各种图表，包括折线图、柱状图、饼图等。
在Highcharts中，工具提示（tooltip）是一种常用的交互功能，它可以在用户将鼠标悬停在图表上时显示相关数据信息。默认情况下，Highcharts使用UTC日期格式来显示工具提示中的日期。然而，有时候我们希望在工具提示中显示本地日期而不是UTC日期。
要在Highcharts的工具提示中使用本地日期，可以通过以下步骤实现：
- 在Highcharts的配置选项中，找到xAxis（x轴）的配置项。
- 在xAxis的配置项中，设置type为'datetime'，表示x轴的数据类型为日期时间。
- 在xAxis的配置项中，设置tooltip的dateTimeLabelFormats属性，将其值设置为一个对象，包含不同时间单位的格式化字符串。例如，可以设置'day'为'%Y-%m-%d'，表示在工具提示中显示的日期格式为年-月-日。
- 在xAxis的配置项中，设置tooltip的xDateFormat属性，将其值设置为一个字符串，表示在工具提示中显示的完整日期格式。例如，可以设置'%Y-%m-%d %H:%M:%S'，表示在工具提示中显示的完整日期格式为年-月-日 时:分:秒。
相关·内容
我使用Highcharts，我希望工具提示内容显示如下：local date : value (而不是默认格式categorie name : value)，所以我使用tooltip.formatter))}: <b> }
} 现在的问题是，我在X轴上显示本地日期，现
浏览 16提问于2021-04-22得票数 0
回答已采纳
3回答
我在Highcharts中遇到这个问题已经有一段时间了。工具提示：在顶部，日期小时是UTC格式，我希望它采用与数据相同的格式(或本地时区，不应更改为UTC等，同时删除日期中的"T & Z“！)我的关于工具提示的代码片段如下： second : '%H:%M&#x
浏览 6提问于2014-09-10得票数 4
我有一个Json数据，我是从数据库中检索的，用于填充highcharts系列，从DB中检索的系列数据如下所示。, 05, 02),363780], [Date.UTC(2013, 04, 03),364062],[Date.UTC(2013, 04, 04),283128], [Date.UTC, 06, 02),404670], [Date.UTC(2013, 06, 03),370783],[Date.UTC(2013, 0
浏览 0提问于2014-05-21得票数 0
4回答
xAxis上的日期是正确的，但标签上的日期相差了一天。无论我传递给我的图表的是什么数据，它总是偏离一天。我一直在绞尽脑汁想弄清楚这件事。任何建议都将不胜感激。
你可以在这里看到我的代码：
浏览 4提问于2012-04-27得票数 10
回答已采纳
我有简单的图表与x轴标签和工具提示，月的日期在工具提示是正确的，而月在x轴标签上是一个月后。当我将时区从GMT+2美国东部改为UTC-5时，问题解决了.您可以在GMT+2中看到中的结果，当您将时区更改为utc时，它将被解析。Highcharts.setOptions({
浏览 7提问于2014-06-08得票数 1
回答已采纳
在X轴中日期是正确的，但是工具提示显示的是UTC号而不是日期。这张图表怎么了？Highcharts.chart('container', { "type": "spline", "xAxis": {
"title": {
浏览 1提问于2020-09-13得票数 0
回答已采纳
2回答
每个x值都是一个日期时间值--一天内不同的时间。$(function () { chart: { [Date.UTC(2013, 5, 1, 2, 0, 0), 1],
[Date.UTC(2013, 5, 1, 4, 0, 0),
浏览 4提问于2013-10-16得票数 0
回答已采纳
6回答
我正在开发一个项目，预计将显示以下图表：
当我单击一个点(工具提示)时，我希望显示一个可理解的日期，而不是以毫秒为单位的值。
浏览 5提问于2013-06-11得票数 28
回答已采纳
我是个使用highcharts的新手。该图表每周显示一次。
我的x轴是周，所以我的工具提示显示周数。我还想在图表的工具提示中显示日期，比如假设，在第一周，日期范围是31-03-2013到06-04-2013，当点在第一周时，我需要在工具提示中显示此日期，<
浏览 4提问于2014-06-06得票数 0
我想使用列'date‘、'value1’、'value2‘和'value3’绘制折线图。我不想在绘图时将topics1、topics2和topics3包含在我的图表中，但是当我单击线时，相应的主题应该会弹出。
浏览 5提问于2019-01-18得票数 0
回答已采纳
0回答
我有一个用例，客户端需要看到覆盖在当前日期范围上的以前的日期范围统计数据。这将使他们能够轻松地比较当前和以前的性能。12/1 : $4432.001/1 : $2
浏览 11提问于2017-01-04得票数 0
1回答
我有一个包含一系列日期和数据点的数据源的线条图。我注意到，如果源中的任何日期都超过20年，工具提示值( they .x)将显示为一个月的第一个日期，例如2003年5月1日，用于序列中的所有日期，而不管它们有多大。如果数据的日期达到但不超过20年，工具提示日期将正确解析，例如2003年4月30日图表中的所有日期。
下面是两个图表的
浏览 2提问于2014-12-10得票数 0
回答已采纳
我需要显示在时间轴上可能包含两个完全相同时间的两个不同点的图表。在这种情况下，Highcharts仅显示第一个点的工具提示。可以让Highcharts为每个点显示工具提示吗？$(function () { chart: {
浏览 0提问于2015-05-11得票数 1
1回答
这是我的代码： chart: { styledMode: true}, text: 'Highcharts X-range' xAxis: { name: 'Project:',
浏览 1提问于2019-01-25得票数 0
回答已采纳
2回答
嗨，我正在尝试从MySql表中获取数据，并使用PHP和Json在Highcharts中显示数据。我尝试了从internet上的示例，它运行良好，但是当我试图从我的文件中获取数据时，它什么也没有显示。因此，在y axis中，我想计算员工的名称和出席的日期 x axis。["Junaid","08\/04\
浏览 0提问于2014-05-16得票数 1
回答已采纳
我有以下图表：https://jsfiddle.net/w7jm2n6u/ Highcharts.chart('container', { type:]
}); 理想情况下，我希望能够将鼠标悬停在每个区域上，并看到一个工具提示，其中包含4个区域中每个区域在该时间点的值。例如，在1月1日和2月1日之间，下面的最小值(红色)范围为200到300。如果我把我的鼠标放在这两个日期
浏览 17提问于2019-02-28得票数 0
回答已采纳
1回答
除了“破解”数据并将所有年份、月份和日期更改为同一日期之外，还有其他方法吗？(我仍然需要知道原始日期，因为我想要显示的点的时间段可能会被一些按钮改变)。更具体地说：
假设我想要显示这样的东西: jsfiddle.net/Fishman/N6YZX (某段时间内一天中特定时间段血液中的血糖水平)-我必须将"data“日期更改为所有相同的yyy-mm-dd有没有办法将散点图设置为忽略日期而只考虑时间(时、分、秒)？
浏览 2提问于2013-03-06得票数 0
回答已采纳
3回答
我正在尝试让Highcharts显示每日的使用统计数据，例如一个公司的资源。公司的开业时间是从星期一到星期五。我的数据序列如下所示：[Date.UTC(2012, 8, 7),42.5], (Fri)[Date.UTC(2012, 8, 10),20], (Mon)[Date.UTC(2012, 8,
浏览 2提问于2013-02-23得票数 3
1回答
高图x轴没有显示正确的日期标签
、、、、
我正在使用json图表并动态加载json。json提供了日期时间序列及其值。 $('#container').highcharts({ type: 'datetime"2013-09-19 08:50:37",18.3],
["2013-09-20 08:53:
浏览 2提问于2015-02-28得票数 0
回答已采纳
1回答
我使用highstock在我的网站上显示一些数据。为了确保使用正确的日期，我从全局设置中将UTC设置为false。Highcharts.setOptions({ useUTC: false但是，当我使用YTD按钮时，选择了错误的数据，并且我的日期从2月1日开始，而不是从1月开始。我可以将UTC</e
浏览 5提问于2014-07-22得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
