【问题标题】:jqplot show highlighter on only one chartjqplot 仅在一张图表上显示荧光笔
【发布时间】:2012-07-22 19:12:56
【问题描述】:

我有一个带有两条数据线的 jqplot 图表。只有一个应该启用荧光笔。 我试过这个:

series:[
    {
        highlighter: {
            formatString: "",
            show: false
        }
    },
    {
        highlighter: {
            formatString: "Day %s: %d",
            show: true
        }
    }
]

但不幸的是,这不起作用:荧光笔在第一行显示一个小空点,而它应该什么都不显示。

如何在一个图表上显示荧光笔而不在另一个图表上显示?

【问题讨论】:

标签: javascript jquery charts jqplot jqplot-highlighter


【解决方案1】:

这是一个非常有趣的问题 (+1)。 我想到的唯一解决方案是,因为使用绘图选项没有帮助,所以每次它应该显示时都清理画布并隐藏荧光笔的工具提示。这是在下面的代码和presented in a working sample available here 中完成的。

$('#chart').bind('jqplotMouseMove', function(event, xy, axesData, neighbor, plot) {
    if (neighbor && neighbor.seriesIndex == 0) {
        var drawingCanvas = $(".jqplot-highlight-canvas")[0];
        var context = drawingCanvas.getContext('2d');
        context.clearRect(0, 0, drawingCanvas.width, drawingCanvas.height);
        $('.jqplot-highlighter-tooltip').hide();
    }
});

【讨论】:

  • 感谢您的回复!如果我想隐藏另一个系列,我想我必须更改 if 语句中的值 0?
  • 是的,这就是你应该做的,或者添加一个列表和一个 for 循环,你会在许多系列中使用它。
【解决方案2】:

为不需要荧光笔的系列设置showHighlight: false

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-01-04
    • 1970-01-01
    • 2023-03-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-12-04
    相关资源
    最近更新 更多