Morris.js 도넛 레이블

Question

이 도넛 형 차트의 데이터 텍스트 레이블을 가운데 바깥으로 옮기려고하면 매우 실망 스럽습니다. http://jsbin.com/ukaxod/144/embed?javascript,live xpos 및 ypos는 동적으로 생성되며 CSS로 덮어 쓸 수 없으며 JS에서 설정하는 것을 찾을 수 없습니다. 조금만 도와 주시면 매우 감사하겠습니다. 덕분에

Answer 1

중앙의 레이블은 디자인에 따라 배치되며 간단히 변경할 수 없습니다.

Donut.prototype.redraw = function() { 
    // ... 
    cx = this.el.width()/2; 
    cy = this.el.height()/2; 
    // ... 
    this.text1 = this.drawEmptyDonutLabel(cx, cy - 10, this.options.labelColor, 15, 800); 
    this.text2 = this.drawEmptyDonutLabel(cx, cy + 10, this.options.labelColor, 14); 
    // ... 
} 

그것은 그들이 차트의 중심으로 가리 키도록 CX/CY을 계산하고 (텍스트 값)이 개 레이블을 생성 소스 코드를 보면

이러한 라인을 찾을 수 . 소스 코드를 변경하거나 svg 코드에서 해당 text 태그를 찾아 해당 x 및 y 속성을 변경하려고 할 수 있습니다.