如何为轻量级图表设置自定义时区?

2023-12-21

我有一个如下所示的轻量级图表设置。我想添加某种配置,以便图表可以显示本地时间,而不是 Unix 时间戳传递的通用时间,例如,它与我的时间戳有几个小时的偏移。另一种可能性是修改 Unix 时间戳。

var chart = LightweightCharts.createChart(document.getElementById("charts"), {
  width: 1060,
  height: 537,
  layout: {
    backgroundColor: "#161616",
    textColor: "rgba(255, 255, 255, 0.9)",
    fontSize: 15,
    fontFamily: "Ubuntu",
  },
  grid: {
    vertLines: {
      color: "#424242",
      width: 0.3,
    },
    horzLines: {
      color: "#424242",
      width: 0.3,
    },
  },
  crosshair: {
    mode: LightweightCharts.CrosshairMode.Normal,
  },
  priceScale: {
    borderColor: "rgba(197, 203, 206, 0.8)",
    size: 5,
  },
  timeScale: {
    borderColor: "rgba(197, 203, 206, 0.8)",
    timeVisible: true,
    secondsVisible: false,
    rightBarStaysOnScroll: true,
  },
});

我已经发布了类似的问题here https://github.com/tradingview/lightweight-charts/discussions/643,但到目前为止尚未发布答案。

我看到有两种方法可以帮助您解决这个问题:

  1. 您可以通过将 TZ 偏移添加到时间来修改栏的源时间(我认为这是首选方式 - 见下文)
  2. 您可以覆盖tickMarkFormatter https://github.com/tradingview/lightweight-charts/blob/master/docs/time-scale.md#time-scale-options, dateFormat https://github.com/tradingview/lightweight-charts/blob/master/docs/customization.md#date-format and timeFormatter https://github.com/tradingview/lightweight-charts/blob/master/docs/customization.md#time-format使用所需的 TZ 偏移正确格式化日期。

我认为第一种方法(添加偏移量)是首选,因为它也会影响刻度线的生成及其权重,因此您的时间刻度看起来会更好,没有问题(例如,您可以看到23:00为了时间而不是30一天,因为您添加了 60 分钟的偏移量,它会稍微改变时间刻度)。

编辑(2021 年 11 月 3 日): Please this doc https://github.com/tradingview/lightweight-charts/blob/7104e9a4fb399f18db7a2868a91b3246014c4324/docs/time-zones.md获取有关如何支持时区的更多信息。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何为轻量级图表设置自定义时区? 的相关文章

  • 有没有办法从 PhantomJS 的键盘读取用户输入?

    我使用 PhantomJS 登录网站 必须手动输入验证码 如何将验证码图像保存到磁盘 然后在 PhantomJS 控制台中手动输入验证码 我遇到了同样的问题 只需将系统模块与 page render 和一些传递给 page evaluate
  • JavaScript CSV 验证

    如何检查文本框中的逗号分隔值并在未找到时发出警报 如果有的话 里面应该有字符 比如A B C D function validate validate text box
  • 为什么我的事件处理程序会导致“不是函数”错误,但可以在 Firebug 控制台中运行?

    使用JQuery 1 2 6 在Firefox 3和IE7上进行测试 我有一些非常基本的 JavaScript 代码来重新加载验证码图像 在我的 JS 文件中 我有 var Captcha count 0 Refresh function
  • 如何在 Lambda 中将对象上传到 S3?

    似乎无法将对象上传到 Lambda 中的 S3 本地一切正常 日志中没有错误可以显示出了什么问题 代码如下 console log Loading function var AWS require aws sdk var s3 new AW
  • Mongoose 查询执行后回调函数从未被调用

    以下是我的代码 mongoose connect mongodb localhost mydatabase var db mongoose connection db on error console error bind console
  • 多次训练brain.js?

    在第一次训练后 如何将新信息 仅新信息 而不是所有信息 因为这会花费太多性能 训练到我的用 Brain js 制作的神经网络 它有点粗糙 但您可以使用以下结构来实现 如果我们加入 2 个训练数据集 旧数据集与新数据集 然后重新训练keepN
  • JS文件中的System.register是什么意思?

    在 Angular 2 中使用指令时 JS 文件中的 System register 是什么意思 我认为这个问题并不特定于 Angular2 中的指令 它是关于 ES6 TypeScript 和其他使用 SystemJS 的现代编译器的一般
  • 为动态加载的 HTML 内容触发 Bootstrap JS 行为

    我正在动态加载包含 Bootstrap 标记的 HTML 模板 但是 Bootstrap Javascript 行为不会应用于加载的内容 例如 如果加载的内容包含 Bootstrap 模式的标记 则该模式将无法正确运行 有没有办法可以触发
  • Angular UI-Router:多个 URL 到单一状态

    我已经开始使用 Angular 的 ui router 并且我正在尝试弄清楚如何让多个 URL 引用单个状态 例如 orgs 12354 overview retyrns the same pages as org overview 我的
  • jquery 中可点击 div 中的按钮

    我有整个 div 您可以单击它来切换该 div 的主要部分 问题是我在该 div 中也有可点击的按钮 当我点击它时 它会执行它应该做的事情 但同时也会切换整个 div 我怎样才能禁用它 Use event stopPropagation 单
  • 如何绕过Access-Control-Allow-Origin?

    我正在一个平台上对我自己的服务器进行ajax调用 他们设置了阻止这些ajax调用的平台 但我需要它从我的服务器获取数据以显示从我的服务器数据库检索到的数据 我的 ajax 脚本正在运行 它可以将数据发送到我的服务器的 php 脚本以允许其处
  • 如何在打字稿中使用外部js

    我通过 Typescript 代码生成 Angular JS 代码 在一种情况下 我需要将外部 JS 文件添加到我的打字稿文件中 并且需要访问 js 文件中的类 我像这样添加js文件
  • 在 Chrome 开发者工具中禁用调试器语句

    我正在尝试对恶意 JavaScript 进行逆向工程 当我最初加载侧面时 会注入 JS 代码 其中包括 debugger 语句并将断点注入我的 chrome 开发人员控制台 通过stackoverflow阅读 禁用所有断点does not帮
  • ES6 静态方法引用 self? [复制]

    这个问题在这里已经有答案了 我有两节课 存储库和用户存储库 我想在 Repository 中定义一个静态方法 该方法在运行时调用 UserRepository 中的静态函数 有什么干净的方法可以做到这一点吗 class Repository
  • 如何使用 NextJS 使用自托管字体face?

    使用 NextJS 的字体 我已经阅读了有关如何在 NextJS 中使用自托管字体的不同主题 我得到了什么 wait compiling 当我这样做时 font face font family montserrat src url myp
  • 从请求url获取hash参数

    我有这样的网址 http www coolsite com daily plan id 1 http www coolsite com daily plan id 1解析该字符串并读取哈希值 id 之后的值 的最简单方法是什么 谢谢 在客户
  • 如何使用 jQuery 过滤 DropDownList 中的选项

    我有 2 个 DropDownList 第一个 DropDownList 有 4 个选项 第二个 DropDownList 有 20 个选项 我想要一个选项value 1在第一个 DropDownList 中选择我在第二个 DropDown
  • ‘state’未定义 no-undef

    我使用教程来学习 React 但我很快就陷入困境 在教程中 他们使用以下代码 import React Component from react class Counter extends Component state count 0 r
  • highchart堆积柱每个类别的总数据

    我想获取每个类别的总数据 这point stackTotal只给出活动数据的总数 从我粘贴的代码示例中 我想知道每种水果的总消耗量 因此 即使我单击右上角图例上的乔的名字 这使得堆叠图表上的所有乔信息都处于非活动状态 我仍然可以知道约翰 简
  • 如何从 Cloud Functions for Firebase 文件夹读取证书文件

    我正在尝试读取 certs 文件夹下的文件 如下所示 functions certs idp public cert perm 这是我用来读取文件的代码 fs readFileSync path join dirname certs idp

随机推荐

  • (Laravel) 基于用户输入的接口动态依赖注入

    我目前在架构和实现方面面临着一个非常有趣的困境 我有一个名为ServiceInterface其中有一个方法称为execute 然后我对该接口有两种不同的实现 Service1 and Service2 它正确地实现了execute方法 我有
  • 是否有任何设计模式可以避免嵌套开关盒?

    我见过类似的线程 但是 不确定如何准确地将解决方案应用到我的案例中 我的问题是我有一组用例 可以说 A B C 当输入传递 2个用例是输入 是列出的用例中的任何2个时 我需要执行某些命令 例如 switch input1 case A br
  • AWS 步骤和批量动态命令

    我有一个带有单个作业定义的批处理作业 该作业定义根据环境命令选项上的参数执行 原值为 param2 XXX 但我需要根据 Step Functions 的输入参数使其保持动态 param2 param2 YYY 我无法将 Step Func
  • facet_grid 中的自由色阶

    假设我有以下数据框 Set seed for RNG set seed 33550336 Create toy data frame loc x lt c a 1 b 2 c 3 loc y lt c a 3 b 2 c 1 scaling
  • Imagemagick - 更改 Heroku 上的 policy.xml

    我正在尝试使用 Imagemagick 在 Heroku 上通过 https 访问图像 如何更改 Heroku 上的策略 在 policy xml 中 Heroku 于 2016 年 5 月进行了 ImageMagick 安全更新 http
  • WordPress 禁用 /admin 重定向到 /wp-admin

    我的网站是用wordpress 4 5 2 对于wordpress控制面板 可以正常登录myweb com wp admin目录 但我有另一个控制面板 目录中有其他应用程序myweb com admin 问题是每当我尝试登录myweb co
  • 通过输入框和 jquery 过滤选择列表

    我想知道是否可以获得一些帮助 通过 jquery 使用输入框过滤选择列表 这是我的 js 的样子 但它似乎不起作用 我猜这是因为选择列表中的选项不可隐藏
  • 我可以直接在表示层中使用域对象吗

    我最初有以下设置 表示层使用 gt 通过 WCF 生成的服务代理 gt 实际服务组件 代理生成于其中 通过 IIS 托管 gt 域层 业务逻辑 gt DAL 最初就是这样 但发现服务和 DAL 也应该访问域层 现在我有一个场景 在表示层中
  • 因为我无法在顶层运行等待,所以我必须将其放入异步函数中 - 为什么我可以直接调用该异步函数?

    我有一个简短的 Node js 脚本 我需要另一个包并从中调用异步函数 然后想要打印返回值 如果我简单地await来自顶层的返回值 然后我会得到一个错误 说我只能使用await在异步函数本身内部 所以显然要走的路是这样的 async fun
  • 在 boost::signals2 中混合使用 boost 智能指针和 C++11 智能指针

    我有一个使用的应用程序boost signals2组件之间进行通信 我试图通过使用它的自动连接管理功能slot type track weak ptr 问题 在我的整个计划中 std shared ptr用来 track期望一个boost
  • Android编程-屏幕分辨率

    我是 Android 编程新手 我见过运行 Android 的不同屏幕分辨率的手机 如何创建一个适用于所有 Android 设备的应用程序 而应用程序视图不会出现任何失真 简短的答案是调整所有布局项目的大小dip dip是缩写Density
  • iOS 增强现实,带有指南针和位置

    我正在尝试开发一个迷你 Around Me 例如使用相机 指南针和位置 我想在屏幕上显示地点的图像 目前我已经有了指南针的位置和方向 我想知道如何确定我要显示的位置的位置 感谢您的帮助 一旦有了相对距离和方位 您就可以使用以下算法从同一坐标
  • 在 PHP 中防止竞争条件的最可靠和安全的方法

    我需要在 PHP 中使用互斥体或信号量 这让我感到害怕 澄清一下 我并不害怕编写正确同步的无死锁代码 也不害怕并发编程的危险 而是害怕 PHP 处理边缘情况的能力 快速背景知识 编写位于用户和第 3 方信用卡网关之间的信用卡处理程序接口 需
  • Flutter 中仅包含数字的 TextFormField

    我正在开发一个需要输入价格的应用程序 因此没有小数位 如果我们使用keyboardType TextInputType numberWithOptions 我们可以获得数字键盘输入 如果我们使用validator input 我们可以检查输
  • Spring Rest 与 Hibernate 的延迟加载

    我正在尝试使用 hibernate 开发 Spring Rest api 在谷歌搜索后 我没有找到延迟加载的解决方案 我有两个如下所示的实体 大学 java Entity Table schema core name university
  • 更新语句-地理列-sql server

    更新 sql server 中的地理列与常规字段 varchar 是否不同 您能否提供一份示例声明来执行此操作 谢谢 我不确定这是否是您正在寻找的答案 但正如我所说 主要区别在于更新 常规字段 时 您通常直接提供新值 例如 UPDATE m
  • Networkx:将多重图转换为具有加权边的简单图

    我有一个多图对象 想将其转换为具有加权边的简单图形对象 我浏览了 networkx 文档 似乎找不到内置函数来实现此目的 我只是想知道是否有人知道 networkx 中的内置函数可以实现这个目标 我查看了 to directed to un
  • BIRT 报告未在 Web 查看器中运行

    我正在 BIRT 设计器中设计报告 当我尝试预览报告或以 html 形式运行时 报告看起来不错 但是 当我尝试在报告查看器 在 IE 或 Firefox 中打开 中运行报告时 它似乎不起作用 请检查所附图片 上面的报告是需要提示 参数 过滤
  • 迭代 df 列并根据行索引、列引用返回数据框中的值

    我的目标是将 年份 列中的每个值与相应的列年份 即 1999 年 2000 年 进行比较 然后我想从相应的列返回相应的值 例如 对于 2004 年阿富汗 第一行 我想查找名为 2004 的列并返回包含阿富汗的行中的值 这是桌子 作为参考 该
  • 如何为轻量级图表设置自定义时区?

    我有一个如下所示的轻量级图表设置 我想添加某种配置 以便图表可以显示本地时间 而不是 Unix 时间戳传递的通用时间 例如 它与我的时间戳有几个小时的偏移 另一种可能性是修改 Unix 时间戳 var chart LightweightCh