2013-01-01 3 views
4

Morris.js를 사용하여 일부 JSON 데이터를 플로팅했습니다. 그래프는 잘 작동하지만 선형 차트에서 y 축을 따라 레이블을 조정하려고합니다.Morris.js 차트에서 y 값 레이블 반올림

현재 yLabels은 JSON 데이터의 값 범위 (x 축은 시간 임)를 사용하여 morris.js에 의해 자동으로 생성됩니다. JSON 예제에서 값의 범위는 54에서 -47까지이므로 생성되는 yLabel은 54, 29, 4, -22, -47입니다. 그러나 대신이 값을 -50, -25, 0, 25 및 50으로 반올림하고 싶습니다. "0"줄이 다른 색으로 잘 보이기를 바랍니다.

데이터를 동적으로 생성하기 때문에 다른 차트에서 값이 -2.5와 +2.5 사이가 될 수 있습니다 (이 경우 Y 축의 레이블을 - 2.5, -1.25, 0, 1.25, 2.5).

morris.js가 생성하고 "0"줄을 빨간색으로 만드는 방법은 무엇입니까?

yLabels (yLabels: ['-50','-25','0','25','50'],)의 배열을 만들려고했으나 작동하지 않습니다. 그리고 말했듯이 각 차트가 달라지기 때문에 "하드 코드"값을 지정하지 않더라도 동적으로 생성됩니다.

도움을 주시면 대단히 감사하겠습니다. 첫 번째 예에서

UPDATE

, 나는 내가 각각 Ymin를 -50의 Ymax와 50를 넣어 원하는 것을 얻을 수 있었지만, 내가 언급처럼, 나는이 값을 하드 코드 싶지 않아 ymin/max는 구문 분석되는 JSON에 따라 달라집니다. 중간 선이 항상 0인지 모리스가 위와 아래에있는 두 개의 y 값을 결정할 수있는 방법이 있습니까?

답변

0

Morris 옵션을 사용하여 수행 할 수 없습니다. 당신은 소스로 가서 morris.grid.coffee 파일에서 drawGrid() 함수를 변경해야합니다.

0

나는 morris.js에서 gridDefaults의 numLines 속성을 올렸고 내 Y 축에 표시 할 모든 것을 가져올 수있었습니다. 아마도 Y 축을 다르게 표시하기 위해 그 속성으로 놀 수 있습니다.