如何在轻量级图表 TradingView 中使用每小时和每分钟时间范围？

Question

在示例中轻量级图表 TradingView 显示每日时间范围内的绘图，但我不知道如何正确地将数据传递给 setData 以便使用每小时和每分钟的时间范围。

请告诉我。

import { createChart } from 'lightweight-charts';

const chart = createChart(container);

const areaSeries = chart.addAreaSeries();
areaSeries.setData([
    { time: '2018-12-22', value: 32.51 },
    { time: '2018-12-23', value: 31.11 },
    { time: '2018-12-24', value: 27.02 },
    { time: '2018-12-25', value: 27.32 },
    { time: '2018-12-26', value: 25.17 },
    { time: '2018-12-27', value: 28.89 },
    { time: '2018-12-28', value: 25.46 },
    { time: '2018-12-29', value: 23.92 },
    { time: '2018-12-30', value: 22.68 },
    { time: '2018-12-31', value: 22.67 },
]);

const candlestickSeries = chart.addCandlestickSeries();
candlestickSeries.setData([
    { time: '2018-12-22', open: 75.16, high: 82.84, low: 36.16, close: 45.72 },
    { time: '2018-12-23', open: 45.12, high: 53.90, low: 45.12, close: 48.09 },
    { time: '2018-12-24', open: 60.71, high: 60.71, low: 53.39, close: 59.29 },
    { time: '2018-12-25', open: 68.26, high: 68.26, low: 59.04, close: 60.50 },
    { time: '2018-12-26', open: 67.71, high: 105.85, low: 66.67, close: 91.04 },
    { time: '2018-12-27', open: 91.04, high: 121.40, low: 82.70, close: 111.40 },
    { time: '2018-12-28', open: 111.51, high: 142.83, low: 103.34, close: 131.25 },
    { time: '2018-12-29', open: 131.33, high: 151.17, low: 77.68, close: 96.43 },
    { time: '2018-12-30', open: 106.33, high: 110.20, low: 90.39, close: 98.10 },
    { time: '2018-12-31', open: 109.87, high: 114.69, low: 85.66, close: 111.26 },
]);

Answer 1

从文档中，我们看到了关于时间类型：

值可以是 UTCTimestamp、BusinessDay 或工作日字符串
ISO 格式。

顾名思义，BusinessDay 和工作日字符串似乎不适用于低于一天的时间范围，这就是为什么像 YYYY-MM-DD 这样的 date 字符串可以工作，但是像 YYYY-MM-DD HH:MM 这样的 datetime 字符串则不然。您将需要使用UTCTimestamp。

注意：UTCTimestamp 是以秒为单位的时间戳，而不是毫秒。

Answer 2

lineSeries.setData([
    { time: Date.parse('2019-04-11 09:43')/1000, open: 180.34, high: 180.99, low: 178.57, close: 179.85 },
    { time: Date.parse('2019-04-11 09:44')/1000, open: 180.82, high: 181.40, low: 177.56, close: 178.75 },
    { time: Date.parse('2019-04-11 09:45')/1000, open: 175.77, high: 179.49, low: 175.44, close: 178.53 },
    { time: Date.parse('2019-04-11 09:46')/1000, open: 178.58, high: 182.37, low: 176.31, close: 176.97 },
    { time: Date.parse('2019-04-11 09:47')/1000, open: 177.52, high: 180.50, low: 176.83, close: 179.07 }
]);

这对我有用。

Answer 3

如果我不太明白，请原谅，我正在使用谷歌翻译...

我整个下午都遇到同样的问题，我设法在这里找到解决方案

https://github.com/tradingview/lightweight-charts/issues/477