Question

我正在使用amCharts pie chart (v3)，我希望自定义切片上mouseover上的弹出气球：除[[value]] [[percent]]等常规文字外，

（a）取决于数据项的文本，以及
（b）根据数据项向用户提供不同的点击选项。每个数据行可能没有这些可能性，在这种情况下，选项不应出现。

例如，饼图可能会按国家/地区显示葡萄酒消费量。在悬停时，我想为用户提供两种不同的点击选项 - 一种是按季节查看消费情况，另一种是按年龄组查看消费情况（如果有的话）。

是否可以在amCharts中这样做？我在这里clickSlice()看到了事件http://docs.amcharts.com/3/javascriptcharts/AmPieChart的退出，但没有关于如何动态修改气球文本以及向悬停时出现的气球添加行为的信息。

非常感谢您的帮助。

Answer 1

您可以使用以下标记：[[title]]，[[description]]，[[value]]和[[percent]]。说明文档。

我使用了自定义字段的描述，它工作正常。

Answer 2

您可以向数据提供者添加任何自定义字段，然后以与值相同的方式将其显示在气球中：

{value：15，title：“slice title”，someCustomField：“some custom data”}

然后：

chart.balloonText =“[[someCustomField]]”;

Answer 3

要在气球中编写动态文本，您还可以执行以下操作：

"graphs": [{
    "balloonFunction": function(graphDataItem, graph) {
      var value = graphDataItem.values.value;
      if (value < 500) {
        return value + "<br>(Little)";
      } else {
        return value + "<br>(A Lot)";
      }
    }
  }],

amCharts饼图如何自定义气球文本

3 个答案: