在AmCharts中为类别轴创建自定义气球文本

Question

我在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是评级。这个图表的数据提供程序是employees json数据。JSON中还有一个属性是location。所以我想在图表上的类别轴字段上方显示"Location-Emp ID"。

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

Answer 1

这似乎和你最近问的另一个问题很相似。

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

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

如何在angular中解析位置变量取决于你自己。如果您可以以提琴或codepend的形式提供一个mvce来再现您的场景，那么如何处理您的情况将需要大量的猜测。