Question

我想从一个实际上是条形图的迷你图中显示一个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>

要添加，我已经从

生成了sparkline的代码

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

Answer 1

您的#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>。

<强>更新我看到你也忘了包含sparkline js文件。您需要从here下载它，然后将其上传到您的服务器并包含它，就像您已经包含了jQuery js文件：

<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.1.min.js"></script>
<script src="jquery.sparkline.js"></script>

Answer 2

看起来sparkline.js与jquery-1.9.1.min.js及以上版本不兼容。尝试jquery-1.8.3.min.js它完美无缺

无法显示迷你线

2 个答案: