首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jqplot不显示光标

jqplot不显示光标
EN

Stack Overflow用户
提问于 2014-04-10 16:16:34
回答 2查看 127关注 0票数 0

这是我的代码。

代码语言:javascript
复制
<!DOCTYPE html>
<html>
<head>
    <title>Hello Flot</title>
    <link class="include" rel="stylesheet" type="text/css" href="/static/jqplot/jquery.jqplot.min.css" />
    <script language="javascript" type="text/javascript" src="/static/jquery.min.js"></script>
    <script language="javascript" type="text/javascript" src="/static/flot/jquery.flot.js"></script>
    <script language="javascript" type="text/javascript" src="/static/flot/jquery.flot.selection.js"></script>
    <script type="text/javascript" src="/static/jqplot/plugins/jqplot.cursor.min.js"></script>
    <script language="javascript" type="text/javascript" src="/static/jqplot/jquery.jqplot.js"></script>


<body>

<div id="output_plot_container" style="float:left; width: 800px; height: 600px"></div>

<button onclick="updateChart()">Try it</button>

<script >
    var plot1 = $.jqplot ('output_plot_container', [[1,2,3,4]], {
        title : 'Demodulated signal',
        cursor:{zoom:true}
    });
    var url = "/sensor/demodulated_debug_data";

    var updateChart = function() {
        $.getJSON(url, function(newdata) {
        console.log(newdata);
            for (var f_id in newdata)
            if (newdata.hasOwnProperty(f_id)) {
                if (f_id == 'demodulated') {
                    plot1.series[0].data = newdata[f_id];
                    plot1.replot({ resetAxes: true } );
                }
            }
        })
    };

    timer = setInterval(function(){updateChart()}, 1000);
    console.log('still running');
</script>
</body>
</html>

我正在阅读文档,我就是弄不明白为什么它不向我显示光标。

EN

回答 2

Stack Overflow用户

发布于 2014-04-10 16:33:31

试试这个,它对我很有效。

代码语言:javascript
复制
$(document).ready(function () {
    $('#output_plot_container').on('jqplotDataHighlight', function () {
        $('.jqplot-event-canvas').css('cursor', 'pointer');
    });
    $('#output_plot_container').on('jqplotDataUnhighlight', function () {
        $('.jqplot-event-canvas').css('cursor', 'auto');
    });
});

代码语言:javascript
复制
 .pointerlink
{
cursor: pointer;
}

<div id="output_plot_container" class="pointerLink" ...> 
票数 0
EN

Stack Overflow用户

发布于 2014-04-10 17:00:16

原来在这个html中,我应该在光标之前包含jqplot。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/22982427

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档