jqPlot의 y3axis에 눈금 선이 표시되지 않습니다.

Question

jsfiddle example을보십시오.

series: [{ 
     yaxis: 'yaxis', 
     tickOptions: { 
      showGridline: true 
     } 
    }, { 
     yaxis: 'y3axis', 
     tickOptions: { 
      showGridline: true 
     } 
    }, { 
     yaxis: 'yaxis', 
     tickOptions: { 
      showGridline: true 
     } 
    }] 

y3axis '틱에 대한 눈금 선은 없습니다. 모든 시리즈는 y3axis 역모를 꾸몄다 경우

또한 this example

,

series: [{ 
     yaxis: 'y3axis',   
     tickOptions: { 
      showGridline: true 
     } 
    }, { 
     yaxis: 'y3axis', 
     tickOptions: { 
      showGridline: true 
     } 
    }, { 
     yaxis: 'y3axis', 
     tickOptions: { 
      showGridline: true 
     } 
    }] 

는 전혀 눈금 선이 없습니다. y4 축에 대해서도 마찬가지입니다.

y3axis에서도 눈금 선을 표시하는 방법을 알려줄 수 있습니까?

Answer 1

'y2axis'를 사용하기 전에 'y3axis'를 사용하고 있기 때문에이 문제가 발생합니다. 첫 번째 jsFiddle에서 'y3axis'를 'y2axis'(예 : yaxis : 'y2axis')로 변경하면 모든 그리드 선이 표시됩니다. 마찬가지로 두 번째 jsFiddle에서 'yaxis'를 'yaxis'로 변경하면 모든 눈금 선이 다시 표시됩니다.

데이터 집합간에 y 값이 크게 다르므로 다음 세 가지 y 축이 모두 화면에서 명확하게 식별되도록 그래프를 렌더링하지 않으시겠습니까? :

내가 이런 짓을하는 방법이 jsfiddle를 참조하십시오.

이 차트를 렌더링하는 데 사용되는 jqPlot 코드는 다음과 같습니다 또한

 var plot1 = $.jqplot('chart1', [line1, line2, line3], { 
     title:'Plot with 3 Y-Axes', 
     series:[ 
      {}, 
      {yaxis:'y2axis'}, 
      {yaxis:'y3axis'} 
     ], 
     axesDefaults:{useSeriesColor: true}, 
     axes:{ 
      xaxis:{min:0, max:7, numberTicks: 8}, 
      yaxis:{min:0, max:60, label: 'line1'}, 
      y2axis:{ 
       min:2000, 
       max:70000, 
       tickOptions: { showGridline: false }, label: 'line2' 
      }, 
      y3axis:{ label: 'line3'} 
     }, 
     highlighter: { 
      show: true, 
      sizeAdjust: 1 
     } 
    }); 

되지는 사용자가 가리킬 때 포인트에 대한 x와 y 값을 쉽게 알 수 있도록 나는 형광펜 옵션을 사용했습니다 방법 플롯 포인트.

jqPlots 확대/축소 기능을 사용하는 다른 접근 방법에 대해서는 here을 참조하십시오.