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

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 是 rating。此图表的数据提供者是员工 json 数据。现在 JSON 中还有一个属性，即位置。所以我想在图表上的类别轴字段上显示“Location-Emp ID”。

能否告诉我如何实现此功能。

Answer 1

这似乎与another question you recently asked 非常相似。

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

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

employeeChart.addChartCursor(chartCursor);

如何以角度解析位置变量取决于您。如果您可以以小提琴或代码笔的形式提供mvce 来重现您的场景，那么您将需要大量猜测才能解决您的情况。