2012-07-19 4 views
1

줄 그래프에 jqplot가 있지만 내 범례가 너무 커지고 있습니다. 전설에 대한 스크롤 기능을 구현하고 싶습니다. 내가 이전 글에서 언급 한 바와 같이 jqplot 꺾은 선형 차트 범례 크기가 두꺼운

legend: { 
    show: true, 
    location: 'ne', 
    rendererOptions: {numberColumns: 2} 
} 

을 시도, CSS 파일에 내 CTP 파일에

table.jqplot-table-legend { 
    display: block; 
    height: 350px; 
    overflow-y: scroll; 
} 

그러나 아무도 나를 위해 제대로 작동하지 : 나는 다음을 수행하려고 노력했다. 도와주세요.

답변

4

차트를 렌더링하기 전후에 CSS를 적용하면 한 번의 변경으로 잘 작동합니다. 스크롤 막대가 위에 있고 클릭 할 수 있도록 z 인덱스를 늘려야했습니다. 다음은 차트를 렌더링 한 후 적용의 예는 다음과 같습니다

plot1 = jQuery.jqplot ('chart1', data, opts); 

var legendTable = $($('.jqplot-table-legend')[0]);  
legendTable.css('display','block'); 
legendTable.css('z-index',100); 
legendTable.css('height','100px'); 
legendTable.css('overflow-y','scroll'); 

이 바이올린 here를 참조하십시오.

관련 문제