Question

我只是想在YYYY-MM-DD格式的x轴上正确显示日期

我尝试设置xAxis: datetime，但它只是打破了图表。在jsfiddle中尝试。

x轴悬停显示正确，2019-01-01, 2019-01-02，但x轴从1-Jan开始，然后从00:00:00:001, ..002, 003等开始。

Answer 1

我设法通过映射来解决这个问题第一列上的Data.parse

dat2 = [{"date":"2018-05-25","L":"3"},{"date":"2018-06-01","L":"2"},{"date":"2018-06-08","L":"2"},{"date":"2018-06-15","L":"3"}];
dat2 = dat2.map(({date,L}) => [date, L]);
dat2 = dat2.map(([date,L]) => [Date.parse(date), parseInt(L) ]);

这样，它可以很好地识别日期。

我对这种格式化的JSON数组还有另一个问题：

<WebView source={{ uri: videoUrl }} />

我也使用parseInt（）和Date.parse（date）解决了这个问题！

现在可以正常使用了！

Answer 2

日期应为UTC时间戳，因此您可以将日期构造函数与getTime()（返回自Unix纪元以来的毫秒数）一起用作每个数据数组中的第一个索引，

例如：

Highcharts.stockChart('container', {
  series: [{
    name: 'AAPL',
    data: [
      [new Date("2019-01-01").getTime(), 0],
      [new Date("2019-01-02").getTime(), 2],
      [new Date("2019-01-03").getTime(), 5],
      [new Date("2019-01-04").getTime(), 10]
    ]
  }]
});

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.highcharts.com/stock/highstock.js"></script>

<div id="container" style="height: 400px; max-width: 800px"></div>

如何在这个简单的图表中正确设置x标签的格式？

2 个答案: