불투명도 원형 차트 설정 하이 차트

원형 차트에서 채우기 색상의 불투명도를 설정하려면 어떻게해야합니까? highcharts js 라이브러리를 사용하고 있습니다. 아래 코드를 참조하십시오 :불투명도 원형 차트 설정 하이 차트

$(function() { 

    $('#container').highcharts({ 
     chart: { 
      backgroundColor: 'none', 
      type: 'pie', 

     }, 
     title: { 
      text: 'Health' 
     }, 

     plotOptions: { 
      series: { 
       borderWidth: 0, 
       fillOpacity: 0.1, 
       colors: ['#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', ], 
      } 
     }, 
     series: [{ 
      type: 'pie', 
      name: 'Browser share', 
      data: [ 
       ['Firefox', 45.0], 

       ['IE',  26.8], 

       ['Safari', 8.5], 
       ['Opera',  6.2], 
       ['Others', 0.7] 
       ] 
     }] 
    }); 
});

JS 초보자의 비트, 친절하시기 바랍니다. 감사!

출처

2013-10-02 Anonymous

나는 친절하겠습니다. 불투명도 인 네 번째 매개 변수로 rgba 형식의 색상을 지정할 수 있습니다. 아래의 '크롬'을 참조하십시오

 series: [{ 
      type: 'pie', 
      name: 'Browser share', 
      data: [ 
       ['Firefox', 45.0], 
       ['IE',  26.8], 
       { 
        name: 'Chrome', 
        y: 12.8, 
        sliced: true, 
        selected: true, 
        color: 'rgba(150,100,50,0.1)' 
       }, 
       ['Safari', 8.5], 
       ['Opera',  6.2], 
       ['Others', 0.7] 
      ] 
     }]

는 다음 작업 바이올린 : 당신은 당신이 조각에 할당 할 무슨 색깔 알고있는 경우 http://jsfiddle.net/manishie/62VJJ/

출처

2013-10-02 23:23:51 manishie

고맙습니다! 이것은 내 질문에 완벽하게 대처했습니다. –

위의 솔루션은 잘 작동합니다. 그러나 색상이 일반 팔레트에서 선택되면 불투명도를 부여 할 방법이 없습니다. 항상 예를 들어 0을 취

Highcharts.chart('container', {colors: [my palette]}, series:[{ type: 'pie', data: [1, 2, 3] }] )

을 위의 경우 내가이 이행되지 않습니다 series: [{fillOpacity: 0.5}]을 설정합니다. 유일한 옵션은 팔레트의 색이 rgba이어야한다는 것입니다. 내 팔레트가 일반 팔레트이므로 불가능합니다. 원형 차트에서 슬라이스의 불투명도를 설정할 수있는 다른 방법이 있습니까?

출처

2017-11-06 12:32:20 Shashi

불투명도 원형 차트 설정 하이 차트

답변

관련 문제