표시/EnablingShield UI JavaScript 차트 눈금 선

Question

Shield UI JavaScript 차트에 대해 눈금 선망을 설정하거나 설정하는 방법을 파악하려고합니다. 한 줄의 그래프가 있는데 사용자가 쉽게 읽을 수 있도록 눈금 선을 활성화하고 싶습니다. 내가 온라인으로 찾을 수있는 것은 라인 STYPE입니다 :

axisX: { 
plotStripColor: 'red', 
plotStripDashStyle: 'ShortDashDot', 
plotStripWidth: 2 
} 

하지만 필요에 따라 실제 결과가 표시 눈금 선이 아니다.

Answer 1

당신이 말한 것처럼 고전적인 격자 선이나 그물은 없습니다. 그러나 X 축과 Y 축 모두 작은 틱을 사용하여 쉽게 모방 할 수 있습니다.

axisY: { 
minorPlotStripColor: 'red', 
minorPlotStripWidth: 2, 
minorTicksRepeat: 'auto', 
}, 

은 무엇 지정할 수있는 것은 주어진 예에 빨간색 라인, 색상, 당신은 0보다 큰 값으로 설정해야합니다 선 두께는 볼 수 있습니다. 대부분의 경우 minorTicksRepeat 속성이 auto로 설정하는 것이 좋습니다. 이유는 사용자가 눈금 선을 확대 할 때 고정 값으로 설정하면 너무 두꺼워 져서 사용자가 그래프를 쉽게 읽을 수 없기 때문입니다.

axisX: { 
    }, 
    minorPlotStripColor: 'red', 
    minorPlotStripWidth: 2, 
    minorTicksRepeat: 'auto' 
    }, 

    axisY: { 
    minorPlotStripColor: 'red', 
    minorPlotStripWidth: 2, 
    minorTicksRepeat: 'auto', 
    }, 

: 아래

당신이 유용하게 사용할 수있는 코드 예제입니다