2013-03-07 2 views
1

커스텀 테마로 하이 차트에 차트를 만드는 중입니다. 색상 표를 그라디언트 집합으로 다시 작성하는 테마를 작성했습니다. 막대 및 열이 멋지게 보입니다. 유일한 문제는 원형 차트가 이제 쓰레기처럼 보입니다.Highcharts Theming : 특정 차트 유형에만 그래디언트 색상을 설정하는 방법은 무엇입니까?

테마를 설정하여 다른 차트 유형에 대해 다른 색상 세트를 지정하는 방법이 있습니까? http://jsfiddle.net/K7YPF/5/

: ... 내가 뭘하는지의

예를 난 그냥 바, 열의 그라데이션 색상을 설정하고 싶습니다,하지만 난 생성하는 모든 차트에 대해이 옵션을 설정하고 싶지 않아

var colors = ["#AFD8F8", "#F6BD0F", "#8BBA00", "#FF8E46", "#008E8E", "#D64646", "#8E468E", "#588526", 
    "#B3AA00", "#008ED6", "#9D080D", "#A186BE", "#CC6600", "#FDC689", "#ABA000", "#F26D7D", 
    "#FFF200", "#0054A6", "#F7941C", "#CC3300", "#006600", "#663300", "#6DCFF6"]; 
var gradientColors = []; 
//rebuild all of the colors into gradients for the 3d effect 
$.each(colors, function (i, color) { 
    gradientColors[i] = { 
     linearGradient: { 
      x1: 0, 
      y1: 0, 
      x2: 1, 
      y2: 0 
     }, 
     stops: [ 
      [0, Highcharts.Color(color).brighten(-0.08).get('rgb')], 
      [0.2, Highcharts.Color(color).brighten(0.24).get('rgb')], 
      [0.4, Highcharts.Color(color).brighten(-0.02).get('rgb')], 
      [0.5, color], 
      [0.8, Highcharts.Color(color).brighten(0.12).get('rgb')], 
      [1, Highcharts.Color(color).brighten(-0.08).get('rgb')] 
     ] 
    }; 
}); 
Highcharts.theme = { 
    colors: colors, 
    plotOptions: { // This does not work, but this is how I'd like to be able to do it. 
     column: { 
      colors: gradientColors 
     }, 
     pie: { 
      colors: colors 
     } 
    } 
}; 

제공 할 수있는 도움에 미리 감사드립니다.

+0

테마 또는 setOptions를 사용하여 색상을 정의하면 모든 차트에이 스키마가 적용됩니다. 다른 경우에는 각 차트에 개별적으로 색을 설정해야합니다. –

답변

1
$("#container").highcharts({ 
    plotOptions: {pie:{colors:[your colors here]}} 
}); 
관련 문제