2013-03-05 4 views
2

Amcharts를 사용하고 있으며 자바 스크립트를 사용하여 하나의 분산 그래프를 만들었습니다. 생성 된 그래프의 각 데이터 요소에 자체 맞춤 라벨 (예 : 회사 이름과 마지막 회계 연도)을 표시하려고합니다.AmCharts의 데이터 포인트 표기

enter image description here

그리고 data_label 속성이 없습니다 내 코드

<script type="text/javascript"> 

    var chartScatter; 
    var chartDataScatter = 
    [{ 
     ax: 5000000, 
     ay: 5.60, 
     company :'Peer A 19992340N FYE 30 Jun 2012' 
    }, 
    { 
     ax: 500000, 
     ay: 3.20, 
     company: 'Peer B 19992340N FYE 31 Mar 2012' 
    }, 
    { 
     ax: 5000000, 
     ay: 2.90, 
     company: 'Peer C 19992340N FYE 31 Mar 2012' 
    }, 
    { 
     ax: 75000000, 
     ay: 0.52, 
     company: 'Filing company 19992340N FYE 31 Dec 2011' 
    }]; 

    AmCharts.ready(function() { 
     // XY CHART 
     chartScatter = new AmCharts.AmXYChart(); 
     chartScatter.pathToImages = "http://www.amcharts.com/lib/images/"; 
     //chartScatter.marginRight = 0; 
     chartScatter.marginTop = 0; 
     chartScatter.autoMarginOffset = 5; 

     //chartScatter.addTitle("Net profit margin comparison against three peers and industry median", 12); 
     chartScatter.addTitle(" "); 
     chartScatter.dataProvider = chartDataScatter; 
     chartScatter.startDuration = 1; 

     chartScatter.addLabel(420, 100, '3 peers average= 3.05'); 
     chartScatter.addLabel(420, 133, 'Industry median = 1.3'); 


     // AXES 
     // X 
     var xAxis1 = new AmCharts.ValueAxis(); 
     xAxis1.position = "bottom"; 
     xAxis1.axisAlpha = 0; 
     xAxis1.autoGridCount = true; 
     xAxis1.addTitle('Revenue'); 
     chartScatter.addValueAxis(xAxis1); 

     // Y 
     var yAxis1 = new AmCharts.ValueAxis(); 
     yAxis1.position = "left"; 
     yAxis1.axisAlpha = 0; 
     yAxis1.autoGridCount = true; 
     yAxis1.addTitle('Current ratio'); 
     chartScatter.addValueAxis(yAxis1); 

     // GRAPHS 
     // triangles up    
     var graph12 = new AmCharts.AmGraph(); 
     graph12.lineColor = "#FF6600"; 
     graph12.xField = "ax"; 
     graph12.yField = "ay"; 
     graph12.lineAlpha = 0; 
     graph12.bullet = "triangleUp"; 
     graph12.balloonText = "[[company]]"; 
     graph12.data_label = "[[company]]"; 
     chartScatter.addGraph(graph12); 

     var trendLine = new AmCharts.TrendLine(); 
     trendLine.lineColor = "#FF6600"; 
     trendLine.initialXValue = 1; 
     trendLine.initialValue = 2; 
     trendLine.finalXValue = 12; 
     trendLine.finalValue = 11; 
     chartScatter.addTrendLine(trendLine); 

     chartScatter.addTrendLine(trendLine); 

     // CURSOR 
     var chartCursor = new AmCharts.ChartCursor(); 
     chartScatter.addChartCursor(chartCursor); 

     // SCROLLBAR 
     var chartScrollbar = new AmCharts.ChartScrollbar(); 
     chartScatter.addChartScrollbar(chartScrollbar); 

     // WRITE             
     chartScatter.write("chartdivScatter"); 
    }); 

답변

1

AmGraph :

여기 내 생성 된 그래프이다. 대신 labelText를 사용하십시오.

+0

감사합니다. 작동합니다. datapoint의 오른쪽에 레이블을 정렬하는 방법이 있습니까? – user2134270