amCharts Balloon：有没有办法将所有数据合并到一个气球中？

Question

编辑：我使用的是 JavaScript 股票图表的 v2

我还有一个关于 amCharts 的问题。我正在尝试将所有数据合并到一个气球中。我知道这个指南：

http://www.amcharts.com/tutorials/showing-only-one-balloon-for-all-graphs/

...但它对我不起作用。看来我的代码只允许一个 HTML <br>

一旦我像这样将更多它们放入我的代码中：

graph.balloonText = “graph1:[[value1]]<br>graph2:[[value2]]<br>graph3:[[value3]]”;

看起来像这样：IMAGE HERE

这显然不是我想要的。我的最终目标是只有一个气球。

graph = new AmCharts.AmGraph();
graph.valueAxis = valueAxis3;
graph.balloonText = "graph1:[[pages]]<br>graph2:[[ctr]]<br>graph3:[[impressions]]";
//graph.balloonText = "Click Through Rate: [[ctr]]%";
graph.title = "CTR";
graph.valueField = "ctr";
graph.type = "line";
graph.lineAlpha = 1;
graph.lineThickness = 2;
graph.lineColor = "#fabf3a";
graph.fillAlphas = 0;
graph.hidden = false;
chart.addGraph(graph);

请帮帮我

Answer 1

经过一些研究，我发现这是如何工作的。 AmCharts 本身并不提供此功能。我不得不为此编写自己的 JS 代码。

chart.addListener("init", function () {
  function formatGraph(url, data) {
    return "<p style='text-align: left;'>" +
           "<img src='" + url + "' style='vertical-align:bottom; margin-right: 10px; width:28px; height:21px;'>" +
           "<span style='font-size:14px; color:#000000;'>" +
           "<b>" + data + "</b>" +
           "</span>" +
           "</p>"
  }

  function balloonFunction(info) {
    var data = info.dataContext;
    var graphs = chart.graphs;

    return (graphs[0].hidden
             ? ""
             : formatGraph("http://www.amcharts.com/lib/3/images/car.png", data.cars)) +
           (graphs[1].hidden
             ? ""
             : formatGraph("http://www.amcharts.com/lib/3/images/motorcycle.png", data.motorcycles)) +
           (graphs[2].hidden
             ? ""
             : formatGraph("http://www.amcharts.com/lib/3/images/bicycle.png", data.bicycles));
  }

  function showBalloon() {
    var seen = false;
    var graphs = chart.graphs;

    for (var i = 0; i < graphs.length; ++i) {
      var graph = graphs[i];

      graph.balloonFunction = balloonFunction;

      if (!graph.hidden && !seen) {
        seen = true;
        delete graph.balloonText;

      } else {
        graph.balloonText = "";
      }
    }

    chart.validateNow();
  }

  showBalloon();

  chart.legend.addListener("hideItem", function () {
    showBalloon();
  });

  chart.legend.addListener("showItem", function () {
    showBalloon();
  });

amCharts Balloon：有没有办法将所有数据合并到一个气球中？

amCharts Balloon: Is there a way to consolidate all the data into one balloon?

html

charts

amcharts