Angular Anychart-库存-日期显示正确存在问题

Angular Anychart-库存-日期显示正确存在问题,angular,datetime,time,anychart,Angular,Datetime,Time,Anychart,我在AnyChart(股票图表)中使用正确的日期时间显示时遇到问题 有时任何图表显示的时间都是正确的,但有时不是——我不明白它取决于什么 日期时间的错误格式为“2019年3月28日05”,代码相同的日期时间为2019年3月28日05:00 我已经尝试将日期与时间一起用作字符串、日期和时间戳 有时,刻度大小小于500是可以的。有时,即使有几个滴答声,它也不起作用 有时,当我放大图表时,它会起作用 代码示例: draw(tickData: TickData, tickForChart: any[],

我在AnyChart(股票图表)中使用正确的日期时间显示时遇到问题

有时任何图表显示的时间都是正确的,但有时不是——我不明白它取决于什么

日期时间的错误格式为“2019年3月28日05”,代码相同的日期时间为2019年3月28日05:00

我已经尝试将日期与时间一起用作字符串、日期和时间戳

有时,刻度大小小于500是可以的。有时,即使有几个滴答声,它也不起作用

有时,当我放大图表时,它会起作用

代码示例:

draw(tickData: TickData, tickForChart: any[], container: ElementRef) {
  const table = AnyCharts.data.table();
  table.addData(tickForChart);

  const mapping = table.mapAs({
    x: 0,
    open: 1,
    high: 2,
    low: 3,
    close: 4
  });

  const chart = AnyCharts.stock();

  const prices = chart.plot(0).candlestick(mapping);
  prices.name(tickData.market.marketName);
  prices.risingStroke('#3ba158');
  prices.risingFill('#3ba158');
  prices.fallingStroke('#fa1a20');
  prices.fallingFill('#fa0f16');

  chart.plot(0).xGrid().enabled(true);
  chart.plot(0).yGrid().enabled(true);
  chart.plot(0).yGrid().stroke("#dee2e6");

  chart.title(this.getMarketName(tickData));
  chart.container(container.nativeElement);
  chart.scroller(true);
  chart.draw();
  container.nativeElement.style.height = '600px';
  return chart;
}
有人有同样的问题吗?我怎样才能修好它

此外,我附加了错误格式的图像

并且使用正确的:

如示例所示,它可以很好地处理数据:

['2019-03-28T05:00:00', 511.53, 514.98, 505.79, 506.40],
['2019-03-28T05:30:00', 512.53, 514.88, 505.69, 510.34],
['2019-03-28T06:00:00', 511.83, 514.98, 505.59, 507.23],
['2019-03-28T06:30:00', 511.22, 515.30, 505.49, 506.47],
...
 ['2015-12-24T08:13:00', 511.53, 514.98, 505.79, 506.40],
 ['2015-12-24T09:13:00', 512.53, 514.88, 505.69, 510.34],
 ['2015-12-24T10:13:00', 511.83, 514.98, 505.59, 507.23],
 ['2015-12-24T11:13:00', 511.22, 515.30, 505.49, 506.47]
 ...
但失败的数据:

['2019-03-28T05:00:00', 511.53, 514.98, 505.79, 506.40],
['2019-03-28T05:30:00', 512.53, 514.88, 505.69, 510.34],
['2019-03-28T06:00:00', 511.83, 514.98, 505.59, 507.23],
['2019-03-28T06:30:00', 511.22, 515.30, 505.49, 506.47],
...
 ['2015-12-24T08:13:00', 511.53, 514.98, 505.79, 506.40],
 ['2015-12-24T09:13:00', 512.53, 514.88, 505.69, 510.34],
 ['2015-12-24T10:13:00', 511.83, 514.98, 505.59, 507.23],
 ['2015-12-24T11:13:00', 511.22, 515.30, 505.49, 506.47]
 ...

是否为标签应用任何格式设置?请向我们提供代码,让我们查看。在任何情况下,这个问题都可以通过格式化设置来解决。例如,可以使用以下行设置xAxis标签的格式:

this.chart.plot(0).xAxis().labels().format('{%tickValue}{dateTimeFormat:dd MMM yyyy hh:mm}');
this.chart.plot(0).xAxis().minorLabels().format('{%tickValue}{dateTimeFormat:dd MMM yyyy hh:mm}');

是否为标签应用任何格式设置?请向我们提供代码,让我们查看。在任何情况下,这个问题都可以通过格式化设置来解决。例如,可以使用以下行设置xAxis标签的格式:

this.chart.plot(0).xAxis().labels().format('{%tickValue}{dateTimeFormat:dd MMM yyyy hh:mm}');
this.chart.plot(0).xAxis().minorLabels().format('{%tickValue}{dateTimeFormat:dd MMM yyyy hh:mm}');


这是因为你用不同的格式设置了日期。如果不仅要显示日期,还要显示时间,则应将所有x值设置为小时、分钟等。请检查此项。

之所以出现这种情况,是因为您以不同的格式设置了日期。如果不仅要显示日期,还要显示时间,则应将所有x值设置为小时、分钟,等等。请检查此项。

请提供您的代码片段,以便对添加的代码示例和图像进行疑难解答。请提供您的代码片段,以便对添加的代码示例和图像进行疑难解答。感谢您的回复。但是,不幸的是,这对我不起作用。我仍然有同样的结果。我刚刚添加了代码示例和图像,以便更精确地描述主题帖子。是的,我尝试过使用不同的格式,但结果是一样的。我在操场上用datetime替换某个日期时遇到了同样的问题。例如,将数据数组中的第一个值(2015-12-24替换为2015-12-24T23:13:00)将重现我的问题。另外,我已经检查了所有传入的数据-它们都是正确的,并且从后端格式化良好谢谢你的截图!现在我明白了,我们一开始没有正确地理解您,这个问题与工具提示标题有关。您可以使用titleFormat函数来求解它。只需将以下行添加到代码
chart.tooltip().titleFormat(“{%x}{dateTimeFormat:dd MMM yyy HH:mm}”)。正如下面的示例所示,感谢您的回复。但是,不幸的是,这对我不起作用。我仍然有同样的结果。我刚刚添加了代码示例和图像,以便更精确地描述主题帖子。是的,我尝试过使用不同的格式,但结果是一样的。我在操场上用datetime替换某个日期时遇到了同样的问题。例如,将数据数组中的第一个值(2015-12-24替换为2015-12-24T23:13:00)将重现我的问题。另外,我已经检查了所有传入的数据-它们都是正确的,并且从后端格式化良好谢谢你的截图!现在我明白了,我们一开始没有正确地理解您,这个问题与工具提示标题有关。您可以使用titleFormat函数来求解它。只需将以下行添加到代码
chart.tooltip().titleFormat(“{%x}{dateTimeFormat:dd MMM yyy HH:mm}”)。正如下面的示例中所示,我将数据设置为始终使用相同的日期时间格式。即使数据只有小时,我也有零值的分和秒。正如我在主题文章中所展示的,我对两个数据集使用了相同的格式,得到了不同的结果。虽然,我在您的示例中注意到,有时图表上根本没有时间,有时错误的格式再次出现。请尝试在样本开头添加两个值:['2015-12-24T08:13:00',511.53514.98505.79506.40],'2015-12-24T09:13:00',512.53514.88505.69510.34]是的,Dmitry,这是默认行为。根据给定点之间的间隔选择格式。这个时间间隔是自动计算的。这里有“全年小时”:“HH dd MMM yyyy”。但是我们可以像这样格式化工具提示标题中的日期:
anychart.format.outputDateTimeFormat('dd-MMM-yyy-HH:mm:ss');titleFormat(函数(){returnanychart.format.dateTime(this.x)})检查此处的示例:了解有关格式的更多信息:使用工具提示的建议。标题格式非常有用!谢谢!我将数据设置为始终使用相同的日期时间格式。即使数据只有小时,我也有零值的分和秒。正如我在主题文章中所展示的,我对两个数据集使用了相同的格式,得到了不同的结果。虽然,我在您的示例中注意到,有时图表上根本没有时间,有时错误的格式再次出现。请尝试在样本开头添加两个值:['2015-12-24T08:13:00',511.53514.98505.79506.40],'2015-12-24T09:13:00',512.53514.88505.69510.34]是的,Dmitry,这是默认行为。根据给定点之间的间隔选择格式。这个时间间隔是自动计算的。这里有“全年小时”:“HH dd MMM yyyy”。但是我们可以像这样格式化工具提示标题中的日期:
anychart.format.outputDateTimeFormat('dd-MMM-yyy-HH:mm:ss');titleFormat(函数(){returnanychart.format.dateTime(this.x)})检查此处的示例:了解有关格式的更多信息:使用工具提示的建议。标题格式非常有用!谢谢!