无法获得jqplot荧光笔

时间:2010-10-27 20:15:10

标签: jquery jqplot jqplot-highlighter

我现在和JQPlot合作已经有一个星期左右的时间了,我正在撞墙试图突出工作。我正在加载以下CSS和.js文件...

jquery.jqplot.min.css
jQueryCombined.css
......其他几个不相关的人......
jQuery的1.4.2.min.js
jQuery的UI,1.8rc3.custom.min.js
jquery.tree.js
的fancybox / jquery.fancybox-1.3.1.js
functions.js
jquery.calendar-widget.js
jquery.validate.min.js
验证 - 附加methods.js
jquery.form.js
thickbox.js
jquery.jqplot.min.js
插件/ jqplot.canvasTextRenderer.min.js
插件/ jqplot.canvasAxisLabelRenderer.min.js
插件/ jqplot.dateAxisRenderer.min.js
插件/ jqplot.canvasAxisTickRenderer.min.js
插件/ jqplot.highlighter.min.js
插件/ jqplot.cursor.min.js
jquery.pstrength-min.1.2.js
jquery.qtip-1.0.0-rc3.min.js
fileuploader.js

这是JS生成图表:

function plotGraph628() {  var line1 = [[1, 1.366556], [2, 1.317904], [3, 1.406245], [4, 1.590483], [5, 1.716111], [6, 1.815133], [7, 1.92456]];  var line2 = [[1, 1.36964213], [2, 1.35712154], [3, 1.36646157], [4, 1.35650663], [5, 1.54406956], [6, 1.78211369], [7, 1.86560989], [8, 1.94269674], [9, 1.81608062], [10, 2.03318191], [11, 1.58755349], [12, 1.42688531]];  var line3 = [[1, 1.4628504486138], [2, 1.602621125026], [3, 1.7262261361072], [4, 1.942346002723], [5, 2.060941295693], [6, 2.4290269175071], [7, 2.3278644684844], [8, 2.2806395719139], [9, 2.1383304036506], [10, 2.2496371015956], [11, 1.8309307748663], [12, 1.7967678025669]];  var lineM = [[1, -0.065826584463948], [2, -0.17765716461611], [3, -0.18536455300624], [4, -0.18115361641526], [5, -0.1673168936998], [6, -0.25273244733621], [7, -0.1732508373853]];<br /> 
$.jqplot('flot628', [ line1, line2, line3, lineM], {<br />
title: '',<br />
legend:{show:true},<br />
highlighter: {sizeAdjust: 10, tooltipAxes: 'y', showTooltip: true},<br />
cursor: {show: false},<br />
series: [<br />
{ label: 'FY-10', showLine: true, showMarker: true, markerOptions: {style: 'circle'}},<br />
{ label: 'FY-09', showLine: true, showMarker: true, markerOptions: {style: 'diamond'}},<br />
{ label: 'Plan-10', showLine: true, showMarker: true, markerOptions: {style: 'square'}},<br />
{ label: 'Revenue: Total Monthly', yaxis: 'y2axis', showLine: true, showMarker: true, markerOptions: {style: 'filledDiamond'}}],<br />
axes: <br />
  {xaxis: {<br />
    ticks: [[1, "Jan"], [2, "Feb"], [3, "Mar"], [4, "Apr"], [5, "May"], [6, "Jun"], [7, "Jul"], [8, "Aug"], [9, "Sep"], [10, "Oct"], [11, "Nov"], [12, "Dec"]],<br />
    renderer:$.jqplot.CategoryAxisRenderer,<br />
rendererOptions:{tickRenderer:$.jqplot.CanvasAxisTickRenderer},<br />
                                                tickOptions:{<br />
                                    formatString:"%s", <br />
                                    fontSize:"10pt", <br />
                                    fontFamily:"Georgia", <br />
                                    angle:-30<br />
                                    },<br />
                                                labelOptions: {<br />
                                          enableFontSupport: true,<br />
                                          fontFamily: "Georgia",<br />
                                          fontSize: "12pt"<br />
                                        }},<br />
                                 yaxis: {labelRenderer: $.jqplot.CanvasAxisLabelRenderer,<br />
                                                label: "Millions",<br />
                                                tickOptions:{formatString:"%.2f"},<br />
                                                labelOptions: {<br />
                                            enableFontSupport: true,<br />
                                            fontFamily: "Georgia",<br />
                                            fontSize: "12pt"<br />
                                          }},<br />
                                 y2axis: {labelRenderer: $.jqplot.CanvasAxisLabelRenderer,<br />
                                                label: "%",<br />
                                                labelOptions: {<br />
                                            enableFontSupport: true,<br />
                                            fontFamily: "Georgia",<br />
                                            fontSize: "12pt"<br />
                                          }}<br />
                            }}<br />
                )};<br />
<br />
<br />

除了荧光笔之外的一切都非常完美。任何人都可以告诉我,我正在做错了让这个功能启动并运行吗?

3 个答案:

答案 0 :(得分:5)

我唯一看到的可能是一个明显的问题是你没有启用插件。在$ .jqplot行之前,您需要:

$.jqplot.config.enablePlugins = true;

请参阅documentation page for the highlighter for more details

的最顶部

答案 1 :(得分:4)

我知道这是一个旧帖子,但对于任何看过它的人来说,他应该有

highlighter:{
show: true}

而不是

highligher :{
showTooltip: true}

答案 2 :(得分:1)

对我来说,如果我定义了series或seriesColors选项,则荧光笔不起作用。实际上只能用于随机(可能是第一个)系列。