我在jQuery中使用jQplot并且我试图让这些点可以拖动。 jqplot通过jqplot.dragable插件提供此功能

我应该说我是jQplot的新手,但我确实正确地绘制了我的信息。

我认为我正在使用可拖动性选项 (使用该链接并找到'dragable:'来查看示例),但我的代码中必定存在错误。


这是我的代码。 任何帮助是极大的赞赏。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript" type="text/javascript" src="javascript/jquery-1.5.2.min.js"></script>
<script language="javascript" type="text/javascript" src="javascript/jqplot/jquery.jqplot.js"></script>
<script language="javascript" type="text/javascript" src="javascript/jqplot/plugins/jqplot.highlighter.js"></script>
<script language="javascript" type="text/javascript" src="javascript/jqplot/plugins/jqplot.dateAxisRenderer.js"></script>
<script language="javascript" type="text/javascript" src="javascript/jqplot/plugins/jqplot.barRenderer.js"></script>
<script language="javascript" type="text/javascript" src="javascript/jqplot/plugins/jqplot.dragable.js"></script>

<style type="text/css">
.jqplot-axis {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 90%; 
}
.jqplot-highlighter-tooltip {
    background-color: #CCC;
    padding: 5px;
    border-radius: 5px;
}
</style>

<script language="javascript" type="text/javascript">
$(function() {
    <?php 
        $series = "";

        $start = strtotime("Jan 1 2001 00:00:00");
        $end = strtotime("Dec 31 2001 00:00:00");
        for ($i = $start; $i <= $end; $i += 432000) {
            if ($i > $start) {
                $series .= ", ";
            }
            $series .= "['" . date("m/d/Y", $i) . " 00:00:00', 2]";
        }
    ?>

    var series = [<?php echo $series; ?>];

    var plot1 = $.jqplot('Chart1', [series], {
        seriesDefaults: {

        },
        series: [
            { label: 'Importance' }
        ],
        axes: {
            xaxis: {
                renderer: $.jqplot.DateAxisRenderer,
                tickOptions: { formatString: '%b %e' },
                min: "12-27-2000 00:00:00",
                max: "12-31-2001 00:00:00",
                tickInterval: "15 days"
            },
            yaxis: {
                min: -10,
                max: 10
            }
        },
        highlighter: {
            show: true,
            showMarker: false,
            tooltipAxes: 'xy',
            formatString: '%s<br />%s'
        },
        dragable: {
            color: '#FF0000',
            constrainTo: 'none'
        }
    });

    var xaxis = $('.jqplot-axis.jqplot-xaxis div');
    xaxis.first().css('display', 'none');
    xaxis.last().css('display', 'none');
});
</script>
</head>

<body>
<div id='Chart1'></div>
</body>
</html>

===============>>#1 票数:7 已采纳

我找到了答案。 'dragable'不是jqplot对象基础中的配置选项。 'dragable'是'系列'中的配置选项。 此外,该系列必须将'isDragable'设置为true。

这里是'系列'配置选项的修改代码。

series: [
    {
        label: 'Importance',
        dragable: {
            color: undefined,
            constrainTo: 'y'
        },
        isDragable: true
    }
],

ref: jqPlot选项教程

  ask by James translate from so

未解决问题?本站智能推荐:

2回复

JQPlot印刷

是否有任何正文都有一个简单的工作示例来打印JQPlot图。 我正在苦苦挣扎。 我需要在IE和Chrome中打印它,我甚至愿意使用基于浏览器检测的2种不同方法。 此外,我需要打印X和Y轴标签以及图表。 任何帮助将受到高度赞赏。 Ragards
2回复

jqPlot:$ .jqPlot不是函数错误

我需要在网站上创建图表。 在我的HTML代码中,我创建了一个具有ID的div。 这是我的HTML代码: 在js代码中,我只写了一个来自jqPlot官方网站的示例: 所以我的问题是我在浏览器的控制台上出错:$ .jqplot不是一个函数 任何想法 ?
1回复

Jqplot,多行类型

如何在jqPlot中的单个图中创建多个线型? 以下将以虚线显示3行,但如果我想要第1行是点缀而第2行是实心的呢?
1回复

jqplot:平局系列

我想使用jqplot绘制一些数据,但有一个小问题。 我使用的代码是这样的( 小提琴上的代码 ): 该图具有3个水平区域,即“某个值”,“其他系列”和“第三系列”。我需要每个图条位于相应区域下,并保持颜色不变(红色为“某个值”,绿色为“其他系列”和蓝色到“第三系列”)。 我该如
1回复

在jqplot堆叠的烛台可能吗?

在jqplot中可以堆叠烛台图吗? 我知道这是对它们的误用,但我需要能够在x轴上的同一点为y轴指定多个条目的起点和终点。 我已经尝试了堆叠的条形图,看起来我不能像烛台一样指定数据的起点和终点。 任何帮助将不胜感激 :-) 谢谢
2回复

如何用jqplot绘制点

现在,我正在使用LineRenderer,但实际上我需要这些点,我想避免在它们之间插入线。 是否有渲染器? 我尝试了lineWidth:0,但它仍然存在。 谢谢你的帮助。
2回复

获取jqplot折线图刻度线的线性分布

我想在jqPlot图表渲染器上提供tickInterval在xaxis上获得线性分布。 jsfiddle示例 上面是图表的当前外观示例。 我想在xaxis (tickInterval-5)上提供点1、5、10、15、20,并且相对于1,3,5,15,绘图必须在坐标平面中以映射值
1回复

同一系列中的jqPlot数据彼此重叠

我在尝试创建jqplot图表时遇到了一个小问题。 我想将2008年的所有数据归为一类并用某种颜色设置样式,然后对2009年进行相同的处理。 目前,我有此输出: 当前图表的外观(imgur链接) 使用此代码: 有谁知道我如何分开酒吧? 先感谢您
1回复

在jqPlot图表上添加鼠标悬停

默认情况下,当我们将鼠标悬停在jqplot图表的任何区域时,它都会更改颜色-很好。 但是我希望鼠标悬停时应该显示它的价值。 例如,图表上有2个区域,分别是: 标签=客户项目,值= 20 标签= POC,值= 10 现在,在鼠标悬停时,它应该显示标签以及值。 例如,
1回复

jqPlot - 饼图数据突出显示

当我将鼠标悬停在馅饼上时,它会显示我的名字和分数,但仅限于左上角。 我想要的是当我将鼠标悬停在右侧饼图上时,它应该向我显示右侧的突出显示数据,同样对于右下角饼图,突出显示的名称和分数应显示在右下方。 这是我的馅饼的jqPlot代码