2015-01-06 4 views
1

필자는 '열'유형으로 플롯하는 시리즈를 가지고 있으며 음수 또는 포스터가 될 수 있습니다. 나는 양수가 녹색이고 음수가 적색이되도록 다음 함수를 추가했습니다. 바로 일반적인 형식으로 나중에 선언 된 오리지널 시리즈 내 차트 선언negativeColor 속성을 사용하여 하이 차트를 가져 오면 잘못된 색상이 표시됩니다.

var chart = $('#container').highcharts({ 
     chart: { 

      renderTo: 'container', 
     alignTicks: false, 
     events: { 
     .... 

function redrawColumns(chart){ 
     $(chart.series[0].data).each(function(i,e){ 
      if (e.y < 0){ 
       e.graphic.attr({fill:'rgba(128,0,0,1)'}); 
      } 

     }); 

series: [ 
      type: 'column', 
      name: 'Sentiment', 
      data: senti,   
      pointWidth: .3, 
      //color: 'green', 
      color: 'rgba(34,139,34,1)', 
      threshold: 0, 
      shadow: false, 
      borderWidth: 0, 

나는 어떤 부분에 스크롤 할 때마다 있도록하는 옵션이 막대 그래프는 값을 표시하지만 문제는 스크롤하여 녹색으로 바뀌고 녹색으로 유지되는 막대입니다. 호버링이 색상을 변경하지 않는다는 것을 어떻게 확인할 수 있습니까? 즉, 어떤 종류의 마우스 움직임도 지속됩니다. 어쩌면 그 기능을 옮겨야할까요? 또한 데이터 파일을 텍스트 파일로 덤프하여 분당 한 번씩 새로 고치고 플로팅됩니다.

내 마커입니다. 차이가 있다고 생각하지 마십시오.

//marker hover option for the sentiment chart 
    column: { 
     cursor: 'pointer', 
       point: { 
        events: { 
         click: function() { 
          location.href = 'https://www.randomsite.com'; 
         } 
        } 
       }, 

       states: { 
        hover: { 
      enabled: true, 
         lineWidth: .6, 
         halo: { 
          size: 2, 
          attributes: { 
           fill: Highcharts.getOptions().colors[2], 
           'stroke-width': 1, 
           stroke: Highcharts.getOptions().colors[1] 
          } 
         } 

        } 
       } 
      }, 

답변

0

당신은 (가없는) 안는 음의 값에 대한 함수를 지정합니다. , 참고로

series: [ 
      type: 'column', 
      color: 'rgba(34,139,34,1)', 
      negativeColor: 'rgba(128,0,0,1)', 
      ... 

highchart의 데모 예제에서 this demo를 살펴 :

오히려 Highchart의 negativeColor 속성을 사용하여 문제를 해결.

이제 우리는 호버링 컬러에 여전히 문제가 있습니다. 이것은 a known bug입니다.

그러나이 버그는 5 December 2014에서 해결되었습니다. Highcharts의 최신 버전을 사용한다면 작동 할 것입니다.

+0

감사합니다. 멋지게 고쳤다. 내가 할 수 있으면 투표 할거야. –

관련 문제