1

実際には棒グラフであるスパークラインからjqueryを表示したい.私はそれを見ることができません.また、私はjqueryに慣れていません.

$("#sparkline").sparkline([5,6,7,2,0,4,2,4], {
    type: 'bar',
    height: '300',
    barWidth: 20,
    barSpacing: 10,
    barColor: '#615c5a',
    nullColor: '#3366cc '});

これは、jquery 1.10 と互換性のあるページのコードです。

<!DOCTYPE html>
            <html>
            <head>
            <script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.1.min.js"></script>
            <script>
            $("#sparkline").sparkline([5,6,7,2,0,4,2,4], {
                type: 'bar',
                height: '300',
                barWidth: 20,
                barSpacing: 10,
                barColor: '#615c5a',
                nullColor: '#3366cc '});
            </script>
            </head>

            <body>
            <div id ="sparkline" />
            </body>
            </html>

アドオンに、スパークラインのコードを生成しました

http://omnipotent.net/jquery.sparkline/#s-news
4

2 に答える 2

2

あなたの#sparkline要素はまだロードされていません。これを試して： 

      $(document).ready(function(){
         $("#sparkline").sparkline([5,6,7,2,0,4,2,4], {
            type: 'bar',
            height: '300',
            barWidth: 20,
            barSpacing: 10,
            barColor: '#615c5a',
            nullColor: '#3366cc '});
        });

これを読んでください: http://api.jquery.com/ready/
すべてのブラウザーがこの構文を好むわけではないことに注意してください: <div id ="sparkline" />. 代わりにこれを使用してください: <div id ="sparkline" ></div>.

更新sparklinejs ファイル を含めるのを忘れていたようです。ここからダウンロードし、その後サーバーにアップロードして、jQuery js ファイルを含めたように含める必要があります。

<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.1.min.js"></script>
<script src="jquery.sparkline.js"></script>
于 2013-06-26T05:53:52.170 に答える
1

sparkline.js は jquery-1.9.1.min.js 以降と互換性がないようです。jquery-1.8.3.min.js を試してみてください。完璧に動作します

于 2014-08-28T07:04:52.787 に答える