2017-09-24 3 views
0

jqplot에서 가로 막 대형 차트의 자동 배율이 꺾은 선형 차트와 너무 다른 이유는 무엇입니까? 동일한 데이터를 사용하여jqplot 막대 차트의 y 축 눈금

, 나는이 두 개의 플롯을 얻을 :

enter image description here

enter image description here

나는 두 개의 플롯에 사용하는 옵션은 다음과 같습니다

var bar_options = { 
axesDefaults: { labelRenderer: $.jqplot.CanvasAxisLabelRenderer }, 
seriesDefaults: { renderer: $.jqplot.BarRenderer, rendererOptions: { highlightMouseOver:false, barMargin:5, shadowOffset:1 } }, 
axes: { xaxis: { renderer: $.jqplot.CategoryAxisRenderer }, yaxis: { tickOptions:{show:false} } }, 
}; 

var line_options = { 
axesDefaults: { labelRenderer: $.jqplot.CanvasAxisLabelRenderer }, 
seriesDefaults: { rendererOptions: { smooth: true } }, 
axes: { xaxis: { min:1, max:30, tickInterval:1, pad:0 }, yaxis: { tickOptions:{show:false} } }, 
}; 

라인 플롯은 정말 좋아 보이지만 막대 차트는 표시된 배율과 함께 쓸모가 없습니다.

두 플롯간에 기본 배율이 너무 다른 이유와 막대 그래프의 배율을 선 그래프와 동일하게 만드는 방법은 무엇입니까?

EDIT :

[38.23, 39.33, 41.67, 40.21, 45.01, 44.47, 37.04] 

그리고 나타낸 결과 그래프이있다 : 다음 I 데이터와, 간단한 예를 작성한

enter image description here

나드 추가 축 계량은 데이터가 0부터 시작 함을 나타냅니다.

나는 ...이에

var home_bar_options = { 
axesDefaults: { labelRenderer: $.jqplot.CanvasAxisLabelRenderer }, 
seriesDefaults: { renderer: $.jqplot.BarRenderer, rendererOptions: { highlightMouseOver:false, barMargin:5, shadowOffset:1 } }, 
axes: { xaxis: { renderer: $.jqplot.CategoryAxisRenderer }, yaxis: { min:30, max:50 } } 
}; 

을 내 플롯 코드를 변경하지만 줄거리는 변경되지 않습니다, 완전히 내가 y 축 규모에 입력 한 '최소'와 '최대'값을 무시합니다.

왜 이런가요?

답변

0

막 대형 차트에서 축을 이동하는 데 '적절한'방법을 찾지 못했지만 해결 방법을 찾을 수있었습니다.

내 페이지는 PHP이며, 데이터는 mysql 데이터베이스에서 가져옵니다.

그래서 데이터를 얻은 다음 막 대형 차트 플롯을 그리기 전에 최소 데이터 값을 얻고 모든 데이터에서 해당 값을 뺍니다.

그래서 내 데이터 내가 막대 차트는 다음 더 나은 찾는 방법이 플롯됩니다

0, 3, 1, 7, 5 

의 새로운 데이터 세트를 제공, 모든 데이터에서 35을 빼

35, 38, 36, 42, 40 

경우!

실제 데이터 수치를 볼 필요가 없기 때문에 트렌드 일뿐입니다. 저에게는 괜찮습니다. 그러나 규모가있는 y 축이 필요하다면 작동하지 않습니다.

사람이 바 플롯 y 축을 제로에서 바르게 조정하는 '적절한'방법을 가지고 있다면 나는 그것을 듣기가 매우 행복 할 것입니다!

하지만 지금은 해결 방법으로 충분합니다.

관련 문제