파이 차트 차트에서 기괴한 획을 무작위로 생성하는 높은 차트

차트 레이블의 글꼴을 수정하고 있지만 일부 레이블에는 적용된 획이 아닌 다른 부분에는 획이 적용된 것처럼 보입니다.파이 차트 차트에서 기괴한 획을 무작위로 생성하는 높은 차트

나는 아주 최소한의 버전으로 차트를 무너 뜨 렸으며 스트로크는 여전히 존재합니다. 뇌졸중을 일으키는 원인은 무엇이며 어떻게 모든 라벨에 대해 중지시킬 수 있습니까?

$(function() { 

Highcharts.theme = { 
    colors: [ 
    '#94B8D2', 
    '#2a71a5', 
    '#A699B9', 
    '#4D3474', 
    '#CDAED1', 
    '#82368C', 
    '#AAAEB2', 
    '#565E65', 
    '#EF92A5', 
    '#DF264C', 
    '#FFBA9D', 
    '#FF763B', 
    '#95FEDB', 
    '#27CAE1', 
    '#EAEAA1', 
    '#D5D644', 
    ] 
}; 

// Apply the theme 
Highcharts.setOptions(Highcharts.theme); 

    var donutData = [ 
     ['K01',6243], 
     ['K05',1788], 
     ['K07',8745], 
     ['K08',16018], 
     ['K12',11647], 
     ['K18',0], 
     ['K22',4482], 
     ['K23',5166], 
     ['K24',2922], 
     ['K25',2103], 
     ['K99',8410], 
    ]; 

    Highcharts.chart('StrokeProblem', { 
     title: { 
      text: "Bizarre Label Strokes", 
      align: 'center', 
      verticalAlign: 'middle',   
     }, 
     series: [{ 
      type: 'pie', 
      name: 'Stroke', 
      innerSize: '75%', 
      data: donutData, 
     }], 
     plotOptions: { 
      pie: { 
       dataLabels: { 
         style: { fontSize: '17px' }, 
        formatter: function(label){ 
         label.color = this.color; 
          return this.point.name; 
        }, 
       } 
      } 
     }, 
    }); 
});

여기에 해당하는 JSFiddle입니다.

출처

2017-01-19 leigero

글꼴의 윤곽을 의미합니까? 그것은 모든 라벨에 있지만 다른 색상으로 표시되는 것 같습니다 –

흠, 이것이 기본 가시성 속성인지 궁금합니다. 더 어두운 글꼴에는 흰 선이 있고 (흰색 배경에는 보이지 않음) 밝은 글꼴에는 어두운 배경이 있습니다. – leigero

하이 차트는 밝은 글꼴 색상의 레이블에 텍스트 그림자를 자동으로 추가합니다. textOutline 속성을 사용하여 비활성화 할 수 있습니다.

dataLabels: { 
style: { 
    fontSize: '17px', 
    textOutline: false 
}, 
}

출처

2017-01-19 21:20:58 shipshape

감사합니다. 나는 '스트로크'를 시도하고 있었고 아무것도 발견하지 못하는 문서에서 '스트로크'를 찾고있었습니다. – leigero

좋아요! 정답으로 표시하는 것을 잊지 마십시오. :) – shipshape

파이 차트 차트에서 기괴한 획을 무작위로 생성하는 높은 차트

답변

관련 문제