하이 차트 stylemode 및 colorByPoint

Question

하이 차트 막대 그래프가 있는데 값이 양수인지 음수인지에 따라 각 막대가 빨간색 또는 녹색으로 표시됩니다. 사용하고 있습니다. 사용하고자하는 색상을 설정하고

plotOptions: { 
    bar: { 
    colorByPoint: true 
    } 
} 

을 사용하고 있습니다. 스타일 모드가 없으면 색상이 올바르게 작동합니다. 스타일이 지정된 모드에서는 색상이 CSS에 의해 무시됩니다. 스타일 모드와 colorByPoint를 모두 사용하려면 어떻게해야합니까?

참조 jsfiddle : http://jsfiddle.net/er1187/gbok7s33/ 내 색상이 작동

에만 스타일의 모드가 주석 처리 된 경우

Answer 1

순수 CSS의 문제 공격 시도 :

• 안 colorByPoint 옵션

• 표준 정의를 시리즈의 색상, 예 :

  .highcharts-color-0 { 
      fill: #008000; 
      stroke: #004000; 
  } 
  

• Highcharts는 부정적인 인물에 대한 highcharts-negative 클래스를 정의, 그래서 우리는 그 기반으로 기본 색상 재정의 할 수

  .highcharts-negative { 
      fill: #800000; 
      stroke: #400000; 
  } 
  

업데이트 바이올린 참조 : http://jsfiddle.net/gbok7s33/6/

편집을 : 항상 동일한 수의 데이터 포인트가 있고 특정 데이터를 대상으로하려는 경우 당신이 포인트 4, 다음 사용 대상으로 지정할 가정

[class^='highcharts-color-'], [class*=' highcharts-color-']{ 
    fill: #008000; 
    stroke: #004000; 
} 

(참고, 제로로부터 시작되는 인덱스) : IC 하나, 재 활성화 colorByPoint과에 CSS를 업데이트를 시도

.highcharts-color-3 { 
    fill: #000080 !important; 
    stroke: #000040 !important; 
} 

NB를 : .highcharts-negative 클래스를 재정의하려면 !important이 필요합니다. http://jsfiddle.net/gbok7s33/7/