하이 차트 내보내기 메뉴에서 분리 선을 표시하는 방법은 무엇입니까?

Question

Highchart의 내보내기 도구의 "차트 인쇄"항목 아래에 직선이 있습니다. 데이터 형식에서 이미지를 분리하고 추가 링크를 추가하기 전에 하나 또는 두 개 더 생성하고 싶습니다.

줄을 어떻게 만들 수 있습니까? 나는 DIV로 해봤지만, 해결책이 아닌 것 같다. (& 속임수가 너무 많다.) <hr>도 아니다. 그래서 최선의 선택은 무엇입니까?

어떤 힌트를 주셔서 감사합니다! 메뉴를 정의 할 때 Highcharts API를 사용하여

Answer 1

, 당신은 단지 exporting.buttons.contextButton.menuItems 배열의 요소로 다음 코드를 추가 할 수 있습니다

{ separator: true } 

다음 코드는 차트 내부에 직접 추가 할 것 옵션을 선택하고 모든 단일 항목을 분리하는 방법을 보여줍니다 (see it on JSFiddle) :

exporting: { 
    buttons: { 
     contextButton: { 
      menuItems: [{ 
       textKey: 'printChart', 
       onclick: function() { 
        this.print(); 
       } 
      }, { 
       separator: true 
      }, { 
       textKey: 'downloadPNG', 
       onclick: function() { 
        this.exportChart(); 
       } 
      }, { 
       separator: true 
      }, { 
       textKey: 'downloadJPEG', 
       onclick: function() { 
        this.exportChart({ 
         type: 'image/jpeg' 
        }); 
       } 
      }, { 
       separator: true 
      }, { 
       textKey: 'downloadPDF', 
       onclick: function() { 
        this.exportChart({ 
         type: 'application/pdf' 
        }); 
       } 
      }, { 
       separator: true 
      }, { 
       textKey: 'downloadSVG', 
       onclick: function() { 
        this.exportChart({ 
         type: 'image/svg+xml' 
        }); 
       } 
      }] 
     } 
    } 
}