【问题标题】:AmCharts. Aligning balloons美图。对齐气球
【发布时间】:2015-09-08 12:36:03
【问题描述】:

我花了很多时间寻找解决方案,但我在 AmChatrts 文档中看不到任何可以不垂直对齐气球的属性。实际上,我只想查看所有气球,而不是在一列中。有人可以帮帮我吗?

【问题讨论】:

  • 您希望它们如何定位?
  • 无论多么准确。主要问题是它们不适合图表的高度。其中一些是隐藏的,因为它们位于图表屏幕下方

标签: amcharts


【解决方案1】:

目前没有办法让气球以任何不同于单列的方式堆叠。不过,您可以考虑一些替代方案。


1) 只显示一个气球。

为此,请将oneBalloonOnly 设置为true

var chart = AmCharts.makeChart("chartdiv",{
  ...
  "chartCursor": {
    "oneBalloonOnly": true
  }
});

这将使光标只显示最近图表的一个气球。


2) 禁用气球并改用legend

要禁用气球,只需将图表光标设置中的 [valueBalloonsEnabled][3] 设置为 false

var chart = AmCharts.makeChart("chartdiv",{
  ...
  "chartCursor": {
    "valueBalloonsEnabled": false
  },
  "legend": {}
});

当您将鼠标悬停在图表上时,图例将在每个图表标题旁边显示相对值。


3) 将多个图表中的值合并到一个气球中。

为此,请使用图形的 balloonText 属性。它允许您引用数据中的任何字段,因此您可以使其显示来自任何图表的值。

这是上面的good example

这是一个很好的演示,说明如何做到这一点。

【讨论】:

  • 感谢您的帮助。我已经在使用一个图例,并且我已经看过这个演示。但是我有一个带有来自多个 dataProviders 的 dataSetSelector 的股票图表,所以我不知道如何从当前选择的提供者那里获取属性“BalloonText”中的值
  • 好吧,在这种情况下,您可能应该查看balloonFunctiondocs.amcharts.com/3/javascriptstockchart/…
猜你喜欢
  • 1970-01-01
  • 2016-12-02
  • 1970-01-01
  • 2011-02-19
  • 2014-09-04
  • 2015-10-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多