2016-08-23 1 views
0

저는 AngularJs 응용 프로그램에 AmCharts를 사용하고 있으며 범주 축 레이블 위에 마우스를 가져 가면 사용자 지정 풍선 텍스트를 어떻게 만들 수 있는지 알고 싶었습니다. 다음은 내 코드입니다.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에 하나 더 많은 속성이 있습니다. 따라서 차트의 카테고리 축 필드 위에 "위치 -exp ID"를 표시하려고합니다.

이 기능을 어떻게 달성 할 수 있는지 알려주십시오.

답변

2

이것은 매우 another question you recently asked과 비슷합니다. 당신이 각도에 위치 변수를 해결하는 방법

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

employeeChart.addChartCursor(chartCursor); 

가에 달려있다 : 당신의 CategoryAxis의 레이블을 통해 풍선을 위해

, 그 객체에 categoryBalloonFunction을 설정 한 후 차트에 대한 chartCursor을 설정하려는 및 당신. mvce을 시나리오를 재현하는 피들 (fidddle) 또는 codepen 형태로 제공 할 수 있다면 상황에 어떻게 접근해야하는지 추측 할 수 있습니다.

+0

도움 주셔서 감사합니다. 어떻게 작동하는지 알 수있었습니다. 나는 당신의 솔루션을 어느정도 사용했고, 그 다음이 마술을 따라 가면서 어떻게 움직이는지를 보았다. https://jsfiddle.net/amcharts/dmpun2fe/?utm_source=website&utm_medium=embed&utm_campaign=dmpun2fe. – Valla

관련 문제