0

我在我的 AngularJs 应用程序中使用 AmCharts，我想知道当我们将鼠标悬停在类别轴标签上时如何创建自定义气球文本。以下是我的代码：

var configChart = function () {
            employeeChart = new AmCharts.AmSerialChart();
            employeeChart.categoryField = "empId";

            var yAxis = new AmCharts.ValueAxis();
            yAxis.position = "left";
            employeeChart.addValueAxis(yAxis);

            mcfBarGraph = new AmCharts.AmGraph();
            mcfBarGraph.valueField = "employeeRating";
            mcfBarGraph.type = "column";
            mcfBarGraph.fillAlphas = 1;
            mcfBarGraph.lineColor = "#f0ab00";
            mcfBarGraph.valueAxis = yAxis;
            employeeChart.addGraph(empBarGraph);

            employeeChart.write('employee');


        }

在我的图表中，类别字段是 emp Id，而 valueField 是评级。此图表的数据提供者是员工 json 数据。现在 JSON 中还有一个属性，即位置。所以我想在图表上的类别轴字段上显示“Location-Emp ID”。

你能告诉我如何实现这个功能吗？

4

1 回答 1

2

这似乎与您最近提出的另一个问题非常相似。

对于 categoryAxis 标签上的气球，您需要为图表设置一个 chartCursor，然后在该对象上设置一个categoryBalloonFunction ：

var chartCursor = new AmCharts.ChartCursor();
chartCursor.categoryBalloonFunction = function(category) {
  return location + "-" + category; 
};

employeeChart.addChartCursor(chartCursor);

如何以角度解析位置变量取决于您。如果您可以以 fiddle 或 codepen 的形式提供一个mvce来重现您的场景，那么对于如何处理您的情况需要进行大量的猜测。

于 2016-08-23T18:52:18.173 回答