[javascript] Highcharts에서 버튼을 제거하는 방법

Program / 글쓴이

저는 Highcharts 라이브러리로 차트를 만들고 있는데 오른쪽 모서리에있는 2 개의 작은 버튼을 제거하는 방법이 궁금합니다.이 버튼은 그래프를 인쇄하고 다운로드 할 수 있으며 새 버튼을 추가하고 싶습니다.

누군가 나를 도울 수 있습니까?

답변

exporting: { enabled: false }차트 생성에 추가해보십시오 .

답변

새 버튼을 만들려면 다음을 선택하십시오.

예 : http://jsfiddle.net/fXHB5/3496/

exporting: {
    buttons: [
        {
            symbol: 'diamond',
            x: -62,
            symbolFill: '#B5C9DF',
            hoverSymbolFill: '#779ABF',
            _titleKey: 'printButtonTitle',
            onclick: function() {
                alert('click!')
            }
        }
    ]
}

답변

햄버거 아이콘을 교체하는 가장 좋은 방법은 탐색 버튼 옵션을 비활성화 한 다음 자신의 메뉴를 만들고 설명서에 명시된대로 컨텍스트를 하나씩 사용자 지정하는 것입니다. 입니다. 여기에서 자신의 드롭 다운 메뉴와 함께 원하는 아이콘을 사용할 수 있습니다.

햄버거 아이콘이 비활성화됩니다.

navigation: {
buttonOptions: {
  enabled: false
  }
 }

이것은 자신의 목록에 대한 내보내기 옵션을 사용자 정의하는 방법입니다.

$('#print').click(function() {
chart.print();
});
$('#pdf').click(function() {
chart.exportChart({
  type: 'application/pdf',
  filename: 'my-pdf'
 });
});
$('#png').click(function() {
chart.exportChart({
  type: 'image/png',
  filename: 'my-png'
 });
});
$('#jpeg').click(function() {
chart.exportChart({
  type: 'image/jpeg',
  filename: 'my-jpeg'
 });
});
$('#svg').click(function() {
chart.exportChart({
  type: 'image/svg+xml',
  filename: 'my-svg'
 });
});

jsfiddle

답변

exporting: {
    buttons: {
        contextButton: {
            enabled: false
        }
    }
}

contextButton 만 비활성화해야합니다.

답변

exporting:false,

내보내기 옵션을 비활성화하려면 위의 코드를 추가하십시오.

답변

@dgw는 내보내기 버튼을 제거 할 수있는 올바른 아이디어를 가지고 있지만 그래프 외부에 버튼을 만들어야한다는 것을 깨달을 때까지 “새 버튼을 추가하고 싶습니다”라는 제안에 만족하지 못했습니다 . 데이터가 정적 인 것이 아니라면 컨트롤을 표시 할 여지가 있는지 실제로 알 수 없습니다.

<div id="container" style="height: 400px; min-width: 600px"></div>
<button id="button" class="autocompare">new button</button>

답변

다른 옵션은 다음과 같습니다. “node_modules / highcharts / modules / exporting.js”가 전혀 필요하지 않은 경우 전체 프로젝트에서 가져 오기만 제거 할 수 있습니다.

그것은 나를위한 해결책이었습니다!