2013-06-01 1 views
2

jqplot을 사용하여 일부 timeseries 데이터를 브라우저에 시각화하고 싶습니다. 내 문제는 x 축 값이 오버레이되어 읽을 수 없다는 것입니다.jqplot 확대/축소 기능이 작동하지 않습니다.

따라서 줌 기능은 매우 유용합니다. 그러나 그것은 효과가 없습니다.

하면 바이올린을 살펴 제발, 그냥 구글 크롬에, 파이어 폭스에서 실행되지 않습니다

function getTicks() { 

    var ticks = []; 

    for (var i = 0; i < data.length; i++) { 
     var item = data[i]; 
     var dateStr = item[0]; 
     ticks.push(dateStr); 
    } 

    return ticks; 
} 

var overviewChart = $.jqplot('overviewChart', [data], { 
    title: 'Rotated Axis Text', 
    axes: { 
     xaxis: { 
      renderer: $.jqplot.DateAxisRenderer, 
      rendererOptions: { 
       tickRenderer: $.jqplot.CanvasAxisTickRenderer 
      }, 
      ticks: getTicks(), 
      tickOptions: { 

       formatString: '%#m/%#d/%y - %#H h - %#M m - %#S s', 
       fontSize: '10pt', 
       fontFamily: 'Tahoma', 
       angle: -40 
      } 
     }, 
     yaxis: { 
      rendererOptions: { 
       tickRenderer: $.jqplot.CanvasAxisTickRenderer 
      }, 
      tickOptions: { 
       fontSize: '10pt', 
       fontFamily: 'Tahoma', 
       angle: 30 
      } 
     } 
    }, 
    series: [{ 
     lineWidth: 4, 
     markerOptions: { 
      style: 'square' 
     } 
    }], 
    cursor: { 
     zoom: true, 
     looseZoom: true 
    } 
}); 

}

+0

내 의견으로는 jqPlot에서는 불가능합니다. 이 플롯 예제를 확인하십시오 : http://www.flotcharts.org/flot/examples/visitors/index.html 정확히 원하는대로 작동합니다. –

답변

1

"틱"옵션을 지정했기 때문에 작동하지 않습니다. 나는 같은 문제가있다. 틱 (초기 "확대/축소 해제"값)을 설정해도 예상대로 작동해야합니다.