2014-11-10 3 views
0

Highcharts 플러그인 "dragable points"와 "export-csv"를 사용하고 있습니다.Highcharts 모든 데이터 내보내기

저는 이것을 배경 그림이있는 차트에 원을 배치하는 데 사용하고 있습니다. 그래서이 지점을 사용하여 해당 지점의 데이터를 업데이트 할 때 색상을 변경할 수 있습니다.

내 문제는 CSV 파일에서 포인트의 "이름"을 내보내려고하고 있는데 x 및 y 값만 가져올 수 있습니다. 나는이

같은 외모에로드하고있어

데이터 {이름 : 'D1'색상 : '#의 FF0000', X : 10, Y : 100}, {이름 : 'D2'색상 ' # FF0000 ', x : 30, y : 100}

그러면 지점이 설정된 위치에 배치 된 다음 드래그 가능한 플러그인을 사용하여 지점을 새 위치로 이동합니다. 일단 거기에 수출 - csv 플러그인 "x : 및 y :"값과 함께 "이름 :"출력 싶습니다.

질문 : export-csv 플러그인에 포인트 이름을 포함하도록 설정하는 방법이 있습니까?

답변

3

플러그인을 고민하지 마십시오. JavaScript의 8 줄처럼 매우 간단하게 코딩 할 수 있습니다.

$('#getcsv').click(function() { 
    var csv = "Series;Name;X;Y\n"; 
    $.each(Highcharts.charts[0].series, function(i,s){ 
     $.each(s.points, function(j,p){ 
      csv += s.name + ";" + p.name + ";" + p.x + ";" + p.y + "\n"; 
     }); 
    }); 
    alert(csv); 
}); 

여기는 example입니다.

+0

Excellent Mark, 이에 대한 지원에 감사드립니다. 귀하의 예제에서 귀하의 자바 스크립트를 사용하여 작품을 볼 수 있습니다. 이 코드를 버튼과 함께 스크립트에 추가하면 팝업 창이 표시되지 않습니다! 또한, 어떻게하면이 데이터 출력을 얻을 수 있습니까? 미안한 질문 인 경우 미안합니다. 감사합니다. –

+0

알리미, 왜 경고가 작동하지 않는지를 분류했습니다. 나는 마지막으로 코드 밖에서 위 코드를 수행했다고 생각합니다. 내 대본에! –

+0

여전히 결과를 csv 파일로 푸시하고 싶습니다. 모든 단서 : o) 감사합니다 –

0

docs과이 플러그인의 소스 코드를 확인하면 데이터를 x 및 y 포인트 (날짜 또는 카테고리 및 yValue)의 2 차원 배열로 명시 적으로 가져 오는 것임을 알 수 있습니다. 다른 항목을 반환하려면이 플러그인을 확장해야합니다 (또는 직접 롤업해야 함).

+0

예, 내가 두려워했던 것입니다. 아마도 내 기술 수준을 뛰어 넘을 것입니다. 검토를 통해 다른 의견을 얻으 려하고 이에 대한 옵션을 볼 수 없었습니다. 감사합니다 Rob –

관련 문제