2014-10-15 2 views
3

방금 ​​작업 시작했습니다 AmCharts 자바 스크립트 차트 라이브러리. 내 요구 사항은 하나의 값 축과 하나의 날짜 축으로 하나의 차트를 그리는 것입니다. 다른 팀 구성원에 대한 결과를 보여주는 데이터 세트가 있습니다.날짜 기반 AmCharts에 여러 줄 추가하기

플러스 저는 기본적으로 회사 실적을 보여주는 팀원의 통합 실적이 저장되는 하나의 배열을 가지고 있습니다.

내 신청서에 사용하려는이 date based chart in am charts을 발견했습니다. 문제는이 차트에 여러 줄을 추가하여 추가하는 방법을 모르겠다는 것입니다. 주어진 샘플 코드로 시도했지만 여러 데이터 배열을 먹일 방법이 없습니다.

새로운 AmCharts.AmGraph() 메서드를 사용하여 별도의 그래프를 만들려고했지만 amCharts가 차트 수준에서 데이터 공급자를 요청합니다. 그래프 수준이 아닙니다.

...

답변

8

는 그냥 "그래프"섹션에 두 번째 그래프에 추가

{ 
     "id": "g2", 
     "bullet": "round", 
     "bulletBorderAlpha": 1, 
     "bulletColor": "#00FF00", 
     "bulletSize": 5, 
     "hideBulletsCount": 50, 
     "lineThickness": 2, 
     "title": "green line", 
     "useLineColorForBulletBorder": true, 
     "valueField": "value2" 
    } 

도움 또한 데이터로 두 번째 스트림을 추가하십시오

{ 
     "date": "2012-07-27", 
     "value": 13, 
     "value2": 10 
    }, { 
     "date": "2012-07-28", 
     "value": 11, 
     "value2": 12 
    } 

보시다시피 두 번째 그래프의 예제 데이터로 사용될 "value2"를 추가했습니다. 위의 코드 상단 섹션의 "valueField"에서 볼 수 있듯이 그래프 섹션에서이 값을 참조하십시오.

http://jsfiddle.net/srp8313j/에서 작업 예제를 볼 수 있습니다. 두 번째 그래프의 경우에는 수행해야 할 작업에 대한 설명을 얻을 수 있습니다.