2016-08-05 6 views
1

DotNetHighcharts를 사용하여 막대 열 차트를 만들었지 만 DotNetHighcharts 개발 작업이 부족하여 javascript 다른 내보내기 옵션을 그대로 유지하면서 인쇄 단추를 사용하지 않도록 설정합니다.DotNetHighcharts- 추가 조작을 위해 페이지로드 후 전체 그래프를 JS var에 할당 할 수 있습니까?

오랫동안 검색해 본 결과가 없지만 정상적인 방법으로 내 하이 차트를로드 할 수있는 방법이 있는지, 그리고 문서에서 다음을 사용하여 차트를 조작 할 준비가되었는지 궁금해하고 있습니다. 일반적인 highcharts 자바 스크립트 기능.

이 작업을 수행 할 수 있습니까?

+0

이것은 몇 가지 제약 조건과 함께 절대 수행 할 수 있습니다. 가장 쉬운 방법은 변수에 차트 옵션을 지정하고 컨테이너에 생성하는 것을 포함하여 나중에 조작 할 수 있습니다. 이 데모 (http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/members/series-addpoint-append/)를 보면, 차트에 변수를 할당 한 다음 해당 변수의 값을 기반으로 계열 데이터를 변경합니다. 이게 니가 찾고있는거야? 그렇다면 좀 더 구체적인 예를 드릴 수 있습니다. –

+0

예, 내 C# 도우미에서 모든 seriesData를 생성하고 내 차트가 컨테이너 div에로드 된 경우를 제외하고는 이와 같습니다. 이 컨테이너 div를 참조하여 차트를 얻을 수 있습니까? 내가하고 싶은 일은 다른 내보내기 옵션과 독립적으로 차트 인쇄 버튼을 숨기는 것입니다. – bjjrolls

+0

저는 C# 사용자가 아니므로 제 질문은 용서해주십시오. 그러나 도우미 전에 하이 차트 옵션을 설정할 수 있습니까? 'Highcharts.setOptions()'라는 Javascript 함수가 있는데, 내보내기 옵션을 포함하여 글로벌 수준에서 차트에 적용 할 옵션의 종류를 지정할 수 있습니다. 차트를 그리기 전에 호출 할 수있는 것이면 인쇄 옵션을 절대 제거 할 수 있습니다. 어떻게 보여 줄 수 있니? –

답변

0

귀하의 질문에 대한 의견을 넓히려면 Highcharts.setOptions() 기능 또는 로컬 차트 옵션에서 contextButton 속성을 설정하여 내보내기 메뉴에 표시 할 내용을 정의 할 수 있습니다. 이렇게하면 exporting.js 모듈에서 가져온 기본 내보내기 옵션을 덮어 씁니다.

다음은 내보내기 메뉴에 차트를 PNG, JPEG, SVG 또는 PDF 형식으로 내보내고 인쇄 버튼을 표시하지 않는 옵션을 채우는 예제입니다. http://jsfiddle.net/brightmatrix/00wrak9v/ :

exporting: { 
    buttons: { 
     contextButton: { 
      text: 'Export', 
      menuItems: [ 
       { 
        text: 'Save as PNG', 
        onclick: function() { 
         this.exportChart(); 
        } 
       }, { 
        text: 'Save as JPEG', 
        onclick: function() { 
         this.exportChart({ type: 'image/jpeg' }); 
        } 
       }, { 
        text: 'Save as SVG', 
        onclick: function() { 
         this.exportChart({ type: 'image/svg+xml' }); 
        } 
       }, { 
        text: 'Save as PDF', 
        onclick: function() { 
         this.exportChart({ type: 'application/pdf' }); 
        }, 
       } 
      ] 
     } 
    } 
}, 

가 나는 상황에서 이러한 옵션을 보여줍니다 여기에 스택 오버플로에 대한 또 다른 질문을 위해 만든 바이올린이있다. 이 경우 로컬 contextButton 옵션을 설정하여 Google 애널리틱스 이벤트를 실행하지만 사용자가 특정 내보내기 옵션을 선택하거나 특정 옵션을 재정렬하거나 추가 또는 제거 할 때 원하는 모든 유형의 이벤트를 포함 할 수 있습니다. .

이 정보가 도움이되기를 바랍니다.