2017-11-17 4 views
2

나는 원형 차트에 몇 가지 색이 들어 있습니다. 이미지 패턴도로드하고 싶습니다.하이 차트, 원형 차트, 색상 대신 이미지 배열을 제공 할 수 있습니까?

여기 내가있는 방법은 다음과 같습니다

plotOptions: { 
      pie: { 
       allowPointSelect: true, 
       cursor: 'pointer', 
       dataLabels: { 
        enabled: false 
       }, 
       showInLegend: true, 
       size: 200, 
       startAngle: 30, 
       colors: [ 
        { 
         pattern: '../Images/Food_Bolus_Pattern.gif', 
         width: 10, 
         height: 10 
        }, 
        '#9D4EFF', 
        '#004B66', 
        { 
         pattern: '../Images/Quick_Bolus_Pattern.gif', 
         width: 10, 
         height: 10 
        }, 
        '#CB9A66' 
       ] 
      } 
     } 

여기뿐만 아니라 바이올린입니다! 보시다시피 이미지는 원형 차트에 렌더링되지 않습니다. 이것이 가능한가? 어떻게하면 가능합니까? http://jsfiddle.net/2n36syny/

+1

패턴 채우기를 얻으려면 플러그인을 사용해야합니다 (https://www.highcharts.com/products/plugin-registry/single/9/Pattern-Fill). – wergeld

+0

이것들은 SVG 경로 여야합니다. 제 생각에는 jpeg 파일이 아닙니다. – wergeld

답변

0

나는 내가 가지고있는 문제를 발견했다고 생각한다. Wergeld의 의견은 많은 도움이되었습니다.

하이 차트 플러그인이 필요했습니다. this fiddle을 보면 이미지를 볼 수 있도록로드 된 패턴 돌출을 볼 수 있습니다. 워드 프로세서 (https://www.highcharts.com/docs/chart-design-and-style/gradients-shadows-and-patterns)는 다음 highcharts의 스타일 모드 버전을 사용하지 않는 경우 당

<script src="https://highcharts.github.io/pattern-fill/pattern-fill.js"></script>