2013-07-12 2 views
0

다음과 같이 하이 차트 배경을 지브라 스타일로 설정하는 방법은 무엇입니까? 색상이 데이터와 관련이 없습니다. x 축 수직 그리드에 그냥 얼룩말 스타일입니다. PS. 미안하다. 이미지 삽입 권한이 없습니다. 감사합니다.하이 차트 : 지브라 컬러 차트 배경

  • | color1 | color2 | color1 | color2 |
  • | color1 | color2 | color1 | color2 |
  • | color1 | color2 | color1 | color2 |
  • | color1 | color2 | color1 | color2 | ...
  • 0 ----- 10 ------ 20 ------ 30 ------ 40

답변

2

사용자는 발 plotBackgroundColor를 사용하여이를 달성 할 과 결합 된 chart 옵션은 xAxis 옵션에서 선택합니다.

var color1 = 'rgba(255, 0, 0, .3)'; 
var color2 = 'rgba(255, 0, 255, .2)'; 

chart: { 
    plotBackgroundColor: color1 
}, 
xAxis: { 
    alternateGridColor: color2, 
    ... 
}, 
... 

라이브 예 : http://jsfiddle.net/YRgBf/1/

+0

그것은 바로 최종 색상을 얻을 수있는 공식을 찾기 위해 시행 착오를 감수해야 2 개 색상과 의 혼합은 여기

은 예입니다. 간단한 방법이 있습니까? – user2575561

+0

@ user2575561 올바른 색상을 얻을 수있는 공식을 찾기 위해 시행 착오를해야한다는 것은 무엇을 의미합니까? 색상을 계산하기 전에 자바 스크립트 코드가 있습니까? 코드가 있다면 jsFiddle을 사용하여 코드를 제공 할 수 있습니까? –

+0

죄송합니다. 내 잘못이야. 알파를 1로 설정하면 결과는 내가 원하는 것입니다. – user2575561

관련 문제