여러 그래프를 그릴 수 있습니다. 자바 스크립트

Question

그래프의 숫자를 표시하려면이 코드를 사용하십시오. 그래프의 수는 매번 변할 수 있습니다. '그래프의 수에 대한 루프를 만들려고 시도하지만 수정할 수는 없습니다. 나에게 당신은 서버에서 데이터를 조작하고 내가 하드 코딩 한 변수에 할당 할 수 있습니다

http://jsfiddle.net/amcharts/j9gUu/

내 테스트

for (int i=1; i<4;i++) 
    { 
     var valueAxis[i] = new AmCharts.ValueAxis(); 
    valueAxis[i].axisColor = "#FF6600"; 
    valueAxis[i].axisThickness = 2; 
    valueAxis[i].gridAlpha = 0; 
    chart.addValueAxis(valueAxis[i]); 
​ 

Answer 1

도움이 온다. 이것을 사용하면 여러 선 그래프를 그릴 수 있습니다.

chart = new AmCharts.AmSerialChart(); 
chart.categoryField = "date";// whatever your horizontal axis's value 
chart.startDuration = 1; 

// AXES 
// category 
var categoryAxis = chart.categoryAxis; 
categoryAxis.labelRotation = 45; 
categoryAxis.autoGridCount = true; 
categoryAxis.startOnAxis = true; 

// Value 
var valueAxis = new AmCharts.ValueAxis(); 
valueAxis.gridAlpha = 0.07; 
valueAxis.autoGridCount = true; 
valueAxis.title = "Some Title on Vertical Axis"; 
chart.addValueAxis(valueAxis); 

    //following values hardcoded. you can assign any values you want. 

var j=0; 
var chartData = [[{"date":"2013 Mar","company1":0,"company2":0},{"date":"2013 Apr","company1":0,"company2":271},{"date":"2013 May","company1":0,"company2":271},{"date":"2013 Jun","company1":0,"company2":284},{"date":"2013 Jul","company1":509.9,"company2":1568}]; 
var no_of_companies = 2;//put your value 
var color_array = your color array;//should be an array 
chart.dataProvider = chartData; 

for(j=0;j<no_of_companies;j++){ 
    var graph = new AmCharts.AmGraph(); 
    graph.valueField = "company"+(j+1); 
    graph.balloonText = "[[category]]: [[value]]"; 
    graph.type = "line"; 
    graph.lineColor = color_array[j]; 
    graph.lineThickness = 2; 
    chart.addGraph(graph); 
}  
var chartCursor = new AmCharts.ChartCursor(); 
chartCursor.cursorAlpha = 0; 
chartCursor.cursorPosition = "mouse"; 
chart.addChartCursor(chartCursor); 
chart.write("chartdiv"); 

희망이 도움이 될 것입니다.