处理类别冲突

Question

我有一个图表，我正在尝试使用给定的数据进行设计。问题是我遇到了类别冲突，因为多个数据点可能具有相同的日期（我将其用作类别轴）。

{
'data': "18.46",
'date': "2015-12-31T09:36:00.0000000Z",
'type': "bid"
},
{
'data': "40.3918",
'date': "2015-12-31T09:36:00.0000000Z",
'type': "ask"
},

amcharts 正在通过在彼此之上绘制列来处理此问题，如 fiddle.

中所示

有没有办法让 amcharts 将这些列并排放置？或者堆叠它们？

理想情况下，我希望能够将 'type' 指定为分组元素或其他内容，以便列标记为“40.3918 ASK 9:36am”

Answer 1

在 date-based 类别轴上，图表试图保留自然时间尺度。因此，如果您在同一类别上有多个列，它会将它们相互重叠。

您可以通过在 categoryAxis 中设置 equalSpacing: true 来禁用此功能。

这样，图表不会将列放在它们应该及时出现的位置，而是会连续放置每个数据点，而不管它们之间的顺序和时间距离。

"categoryAxis": {
  "gridPosition": "start",
  "parseDates": true,
  "equalSpacing": true,
  "minPeriod": '60ss',
  "axisAlpha": 0,
  "gridAlpha": 0,
  "position": "left"
}

至于气球显示的内容，可以使用balloonText or, if you need some very custom functionality to generate balloon data balloonFunction。

另一种选择是将这些数据点组合成 same-category 个数据点，并为每种类型定义一个图表：

https://jsfiddle.net/h7zf55b0/1/

处理类别冲突

Handling Category Collisions

amcharts