如何将时间转换为Unix时间戳？

huangapple
go评论106阅读模式
英文:

How can i convert time to unix timestamp?

问题

以下是您提供的代码的翻译部分：

  1. // 我有一个 twelvedata API，用它获取数据到 lightweightchart。我使用 getTime() 将时间转换为 Unix 时间戳，但图表仍然不起作用。
  3. // 错误:

Uncaught Error: 值为空

  2. // 代码:
  3. var intervals = ['15分钟', '1天', '1周', '1个月'];
  5. const apiKey = '我的API密钥';
  7. async function fetchData(interval) {
  9.   const now = new Date();
  10.   let startDate, endDate;
  12.   if (interval === '15分钟') {
  13.     // 获取过去 14 天的数据
  14.     endDate = now.toISOString().split('T')[0];
  15.     startDate = new Date(now.getTime() - 14 * 24 * 60 * 60 * 1000).toISOString().split('T')[0];
  17.   } else if (interval === '1天') {
  18.     // 获取过去 6 周的数据
  19.     endDate = now.toISOString().split('T')[0];
  20.     startDate = new Date(now.getTime() - 6 * 7 * 24 * 60 * 60 * 1000).toISOString().split('T')[0];
  22.   } else if (interval === '1周') {
  23.     // 获取过去 12 个月的数据
  24.     endDate = now.toISOString().split('T')[0];
  25.     startDate = new Date(now.getTime() - 12 * 30 * 24 * 60 * 60 * 1000).toISOString().split('T')[0];
  27.   } else if (interval === '1个月') {
  28.     // 获取过去 3 年的数据
  29.     endDate = now.toISOString().split('T')[0];
  30.     startDate = new Date(now.getTime() - 3 * 365 * 24 * 60 * 60 * 1000).toISOString().split('T')[0];
  31.   }
  33.   const url = `https://api.twelvedata.com/time_series?symbol=AAPL&interval=${interval}&apikey=${apiKey}&start_date=${startDate}&end_date=${endDate}&format=JSON&timezone=utc`;
  35.   const response = await fetch(url);
  36.   const data = await response.json();
  37.   console.log(data);
  39.   const values = data.values || [];
  41.   return values.map(d => {
  43.     return {
  44.       time: new Date(d.datetime).getTime(),
  45.       open: Number(d.open),
  46.       high: Number(d.high),
  47.       low: Number(d.low),
  48.       close: Number(d.close)
  49.     };
  50.   });
  51. }
  53. // let candlestickSeries; 
  54. let candlestickSeries;
  56. async function syncToInterval(interval) {
  58.   const data = await fetchData(interval);
  60.   console.log('间隔的数据:', interval);
  61.   console.log(data);
  63.   if (candlestickSeries) {
  64.     chart.removeSeries(candlestickSeries);
  65.   }
  67.   candlestickSeries = chart.addCandlestickSeries({
  68.     upColor: '#4caf50',
  69.     downColor: '#ef5350',
  70.     borderVisible: false
  71.   });
  73.   candlestickSeries.setData(data);
  75. }
  77. // 初始加载
  78. syncToInterval(intervals[0]);
  80. var switcherElement = createSimpleSwitcher(intervals, intervals[0], syncToInterval);
  82. var chartElement = document.createElement('div');
  84. var chart = LightweightCharts.createChart(chartElement, {
  85.   width: 900,
  86.   height: 600,
  87.   layout: {
  88.     background: {
  89.       type: 'solid',
  90.       color: '#000000',
  91.     },
  92.     textColor: '#d1d4dc',
  93.   },
  94.   grid: {
  95.     vertLines: {
  96.       visible: false,
  97.     },
  98.     horzLines: {
  99.       color: 'rgba(42, 46, 57, 0.5)',
  100.     },
  101.   },
  102.   rightPriceScale: {
  103.     borderVisible: false,
  104.   },
  105.   timeScale: {
  106.     borderVisible: false,
  107.   },
  108.   crosshair: {
  109.     horzLine: {
  110.       visible: false,
  111.     },
  112.   },
  113. });
  114. const currentLocale = window.navigator.languages[0];
  116. const myPriceFormatter = Intl.NumberFormat(currentLocale, {
  117.   style: "currency",
  118.   currency: "USD", // 数据点的货币
  119. }).format;
  121. chart.applyOptions({
  122.   localization: {
  123.     priceFormatter: myPriceFormatter,
  124.   },
  125. });
  126. document.body.appendChild(chartElement);
  127. document.body.appendChild(switcherElement);

请注意，代码中的翻译是根据原文的上下文猜测的，某些术语可能需要根据实际情况进行微调。如果您需要进一步的帮助或有任何问题，请随时提出。

英文:

I have a twelvedata api, where i get my data to the lightweightchart. I convert the time to unix timestamp with getTime(), but the chart is still not working.

Error:

  1. Uncaught Error: Value is null

The code:

  1. var intervals = ['15min', '1day', '1week', '1month'];
  3. const apiKey = 'myapikey'; 
  5. async function fetchData(interval) {
  7.   const now = new Date();
  8.   let startDate, endDate;
  10.   if (interval === '15min') {
  11.     // fetch last 14 days of data
  12.     endDate = now.toISOString().split('T')[0]; 
  13.     startDate = new Date(now.getTime() - 14 * 24 * 60 * 60 * 1000).toISOString().split('T')[0];
  15.   } else if (interval === '1day') {
  16.     // fetch last 6 weeks of data
  17.     endDate = now.toISOString().split('T')[0];
  18.     startDate = new Date(now.getTime() - 6 * 7 * 24 * 60 * 60 * 1000).toISOString().split('T')[0];
  19.   
  20.   } else if (interval === '1week') {
  21.     // fetch last 12 months of data
  22.     endDate = now.toISOString().split('T')[0];
  23.     startDate = new Date(now.getTime() - 12 * 30 * 24 * 60 * 60 * 1000).toISOString().split('T')[0];
  25.   } else if (interval === '1month') {
  26.     // fetch last 3 years of data
  27.     endDate = now.toISOString().split('T')[0];
  28.     startDate = new Date(now.getTime() - 3 * 365 * 24 * 60 * 60 * 1000).toISOString().split('T')[0];
  29.   }
  31.   const url = `https://api.twelvedata.com/time_series?symbol=AAPL&interval=${interval}&apikey=${apiKey}&start_date=${startDate}&end_date=${endDate}&format=JSON&timezone=utc`;
  32.   
  33.   const response = await fetch(url);
  34.   const data = await response.json();
  35.   console.log(data);
  38.   const values = data.values || [];
  40.   return values.map(d => {
  42.     return {
  43.       time: new Date(d.datetime).getTime(),
  44.       open: Number(d.open),
  45.       high: Number(d.high),
  46.       low: Number(d.low),
  47.       close: Number(d.close)
  48.     };
  49.   });
  50. }
  52. // let candlestickSeries; 
  53. let candlestickSeries;
  55. async function syncToInterval(interval) {
  57.   const data = await fetchData(interval);  
  59.   console.log('data for interval:', interval);
  60.   console.log(data);
  62.   if (candlestickSeries) {
  63.     chart.removeSeries(candlestickSeries);
  64.   }
  66.   candlestickSeries = chart.addCandlestickSeries({
  67.     upColor: '#4caf50',
  68.     downColor: '#ef5350', 
  69.     borderVisible: false
  70.   });
  72.   candlestickSeries.setData(data);
  74. }
  76. // initial load
  77. syncToInterval(intervals[0]);
  79. var switcherElement = createSimpleSwitcher(intervals, intervals[0], syncToInterval);
  81. var chartElement = document.createElement('div');
  83. var chart = LightweightCharts.createChart(chartElement, {
  84.   width: 900,
  85.   height: 600,
  86.   layout: {
  87.     background: {
  88.             type: 'solid',
  89.             color: '#000000',
  90.         },
  91.     textColor: '#d1d4dc',
  92.   },
  93.   grid: {
  94.     vertLines: {
  95.       visible: false,
  96.     },
  97.     horzLines: {
  98.       color: 'rgba(42, 46, 57, 0.5)',
  99.     },
  100.   },
  101.   rightPriceScale: {
  102.     borderVisible: false,
  103.   },
  104.   timeScale: {
  105.     borderVisible: false,
  106.   },
  107.   crosshair: {
  108.     horzLine: {
  109.       visible: false,
  110.     },
  111.   },
  112. });
  113. const currentLocale = window.navigator.languages[0];
  115. const myPriceFormatter = Intl.NumberFormat(currentLocale, {
  116.     style: "currency",
  117.     currency: "USD", // Currency for data points
  118.   }).format;
  120.   chart.applyOptions({
  121.     localization: {
  122.       priceFormatter: myPriceFormatter,
  123.     },
  124.   });
  125. document.body.appendChild(chartElement);
  126. document.body.appendChild(switcherElement);

I tryed deleting the getTime(), and in the chart there showed up one bar. I tryed to make a breakdown to hour,minute,second and then convert to unix timestamp but that not worked to.

答案1

得分: 1

如果您想使用时间戳，请将 time 属性定义为 UNIX 时间戳。这与原生 JS Date 对象返回的值不同。基本上，您需要将这个数字除以 1000。

(https://tradingview.github.io/lightweight-charts/docs/api#utctimestamp)

英文:

If you want to use a timestamp, then the time property should be defined as a UNIX timestamp. This is different to the value you get from the native JS Date object. Essentially you would need to divide the number by 1000.

(https://tradingview.github.io/lightweight-charts/docs/api#utctimestamp)

huangapple
  • 本文由 发表于 2023年8月5日 11:12:46
  • 转载请务必保留本文链接：https://go.coder-hub.com/76840016.html
  • javascript
  • lightweight-charts
  • twelvedata
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定