2013-05-08 3 views
1

저는 flot을 사용하여 그래프를 그립니다. 나는 내가 지금 사용하고있는 색상 이외의 다른 색상으로 보여주는 내 그래프에서 10 %의 성장을 강조 할 수있는 기능을 구현하고 싶다. 나는 jquery.flot.threshold.js을 사용하고flot API를 사용하여 막대 그래프에 대한 임계 값을 구현했습니다.

var options_blue = { 
    series: { 
     color: 'blue', 
     threshold: { above: 5, color: 'green' }, 
     bars: { show: true, barWidth: 20 * 20 } 
    }, 
    xaxis: { show: false, min: 1 }, 
    yaxis: { show: false, min: 1, max: max_value } 
}; 

var options_red = { 
    series: { 
     color: '#ff0000', 
     threshold: { above: 10, color:'green' },  
     bars: { show: true, barWidth: 20 * 20 } 
    }, 
    threshold: { above: 5, color: "yellow" }, 
    xaxis: { show: false, min: 1 }, 
    yaxis: { show: false, min: 5, max: max_value } 
}; 

하지만, 임계 값을 초과 그래프 색상에 변화가 없다 : 내가 사용하고있는 코드입니다.

답변

3

'위'를 사용하고 있지만 임계 값 플러그인은 '아래'만 지원합니다. 따라서 시리즈와 임계 색상을 바꿔서 '아래'를 대신 사용해야합니다.

options_red에는 시리즈 옵션 이외의 두 번째 임계 값 옵션이 있습니다. 임계 값 플러그인은 시리즈 옵션 내에서 옵션을 찾지 만 두 번째 옵션은 무시됩니다.

+0

나는 코드에서 실수를 바로 잡았다. 하지만 여전히 jquery.flot.threshold.js를 사용하여 막대 그래프를 플롯 할 수 없습니다. jquery.flot.threshold.min.js를 사용할 때 두 가지 색상을 표시 할 수 있지만 그래프가 한 줄로 나타납니다. 에 가능한 해결책을 제시하십시오. –

+0

더 많은 정보를 제공해야합니다. '한 줄로 나타 납니까'라는 말은 무엇을 의미합니까? Flot의 어떤 버전을 사용하고 있습니까? JS 콘솔에 오류가 있습니까? – DNS