无法显示迷你图的 jquery答案

【问题标题】：unable to display jquery of sparkline无法显示迷你图的 jquery
【发布时间】：2013-06-23 03:24:32
【问题描述】：

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

【问题讨论】：

标签： jquery class html visibility sparklines

【解决方案1】：

看来 sparkline.js 与 jquery-1.9.1.min.js 及更高版本不兼容。试试 jquery-1.8.3.min.js 效果很好

【讨论】：

这也是我的问题！他们的网站上没有记录
我可以确认我将 Sparkline 与 jQuery v3.0.0 一起使用，并且运行良好！

【解决方案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>。

更新我看到你也忘了包含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>

【讨论】：

link我试过了，还是看不到代码
谢谢您，先生！这真的很有帮助。肯定会在 15 日投票一次 :)