2014-08-15 1 views
3

기본적으로 다음과 같이 그려야합니다. http://i.stack.imgur.com/JEKOg.png (눈금 선이 아니라 그래프).tickSize와 관계없이 축 번호를 제어 할 수 있습니까?

tickSize가 1로 설정되면 그 아래에 해당 축 번호와 함께 그어진 일련의 선이있는 것으로 보입니다. 이 (아래) 설정되어 있지 않다면

xaxis, yaxis: { 
    show: true, 
    min: -20, 
    max: 20, 
    tickSize: 1, 
    tickLength: 0 
} 

의 graph'll가 자동으로 번호와 함께 한 모든 5 개 단위를 그릴 '내가 원하는

xaxis, yaxis: { 
    show: true, 
    min: -20, 
    max: 20, 
    tickLength: 0 
} 

마다 1 개 단위 눈금 선하지만 숫자는 매 5 그러나 나는 돈 그것을하는 방법을 보지 마라.

답변

3

수동 배열과 눈금 레이블을 지정할 수 있습니다 : 당신이 그것을 할 수있는 기능을 지정할 수

ticks: [[0, "0"], [1, ""], [2, ""], [3, ""], [4, ""], [5, "5"]], 

또는 :

ticks: function(axis) { 
    var tickArray = [[0,"0"]]; 
    for(var i=axis.min; i<axis.max+1; i++) { 
     var label = i%5?"":i; 
     tickArray.push([i, label]); 
    } 
    return tickArray; 
}, 

데모 : 당신은 또한 수 http://jsfiddle.net/jtbowden/gryozh7x/

tickFormatter :

tickSize: 1, 
tickFormatter: function (val, axis) { 
    return val%5?"":val; 
} 

데모 : http://jsfiddle.net/jtbowden/gryozh7x/1/

+0

3 진수 연산자 안에 넣을 수 있습니까? 나는 그리드 토글을 사용하여 사용자를위한 그리드를 생성하고 제거한다. 그러나 이것은 작동하지 않습니다. _opts.xaxes [i] .tickFormatter = _opts.xaxes [i] .tickFormatter == null? 함수 (val, axis) {return val % 5? "": val;} : null; – dajavinator

+0

여기에서 일하는 것 같습니다 : http://jsfiddle.net/jtbowden/gryozh7x/2/ 'setupGrid()'와'draw() '를 사용하여 그래프/격자를 다시 그리는 것을 잊지 않았습니까? –

+0

효과가있었습니다! 고맙습니다! – dajavinator

관련 문제