jQuery Sparkline에서 문제

StackOverflow https://stackoverflow.com/questions/1025905

문제

나는 jquery sparkline을 사용했습니다 (http://omnipotent.net/jquery.sparkline/) 페이지에서. 이것은 컨테이너 div가 그것을 보여줄만큼 크지 않고 Firefox/Chrome으로 시도하면 잘 작동합니다. 샘플 코드를 참조하십시오.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
    "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <script type="text/javascript" src="jquery-1.3.1.js"></script>
    <script type="text/javascript" src="jquery.sparkline.min.js"></script>
    <script type="text/javascript">
    $(function() {
        var myvalues = [10,8,5,7,4,4,1];
        $('.dynamicsparkline').sparkline(myvalues, {height:'100px',width:'300px'});
    });
    </script>
</head>
<body>
<div style="height:100px;width:400px;overflow:auto;border:1px solid black">
          Testing Header
          <br/>
          <span class="dynamicsparkline">Loading..</span>
          <br/>
          Testing Footer
</body>
</html>

누구든지 여기서 나를 도울 수 있습니까?

감사합니다, Manoj

도움이 되었습니까?

해결책

가레스 와트 (Gareth Watts) (http://omnipotent.net/jquery.sparkline/)는 컨테이너 Div에 "위치 : 상대"를 추가 하여이 문제를 해결하는 데 도움이되었습니다.

코드는 다음과 같습니다

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
    "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <script type="text/javascript" src="jquery-1.3.1.js"></script>
    <script type="text/javascript" src="jquery.sparkline.min.js"></script>
    <script type="text/javascript">
    $(function() {
        var myvalues = [10,8,5,7,4,4,1];
        $('.dynamicsparkline').sparkline(myvalues, {height:'100px',width:'300px'});
    });
    </script>
</head>
<body>
<div style="height:100px;width:400px;overflow:auto;border:1px solid black;position: relative">
          Testing Header
          <br/>
          <span class="dynamicsparkline">Loading..</span>
          <br/>
          Testing Footer
</div>
</body>
</html>

IE7에서만 재현 할 수 있습니다.

감사

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top