Question

我搜索永久显示工具提示的方法：

点击该点 - ＆gt;工具提示被克隆并永久显示
如果再次点击同一个点，则删除克隆
允许同时显示多个工具提示

我开始工作的大多数事情，但有一些小问题需要解决：

$(function () {
cloneToolTip = null;
checkx = [];
checky = [];
clone = [];
del = [];
chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container'
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

    plotOptions: {
        series: {
            cursor: 'pointer',
            point: {
                events: {
                    click: function () {
                        //check if point was already clicked
                        if (checkx.indexOf(event.point.x) >= 1 & checky.indexOf(event.point.y) >= 1) {
                            //remove tooltip
                            chart.container.firstChild.removeChild(clone[checkx.indexOf(event.point.x)]);

                            //remove xy coordinate and clone from array --> tooltip can be displayed again
                            /*del=checkx.indexOf(event.point.x);
                            clone.splice(del, 1);
                            checky.splice(del, 1);
                            checkx.splice(del, 1);*/
                        }
                        //cloneToolTip=null;
                        if (checkx.indexOf(event.point.x) == -1 & checky.indexOf(event.point.y) == -1) {
                            cloneToolTip = this.series.chart.tooltip.label.element.cloneNode(true);
                            chart.container.firstChild.appendChild(cloneToolTip);
                            //save coordinates and tooltip object
                            checkx.push(event.point.x);
                            checky.push(event.point.y);
                            clone.push(cloneToolTip);
                        }
                    }
                }
            }
        }
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
    }]
});

}）;

我的问题是：

无法删除第一个选定的工具提示，即其克隆
删除克隆后，您无法再次永久显示工具提示。我试图删除所有三个数组（注释代码块）中的相应条目，但在此更正后没有删除任何克隆

我真的是一个初学者和谷歌很多找到例子，但这个问题我无法自己解决。有人可以给我一个暗示吗？

谢谢！

Answer 1

问题在于inArray()返回的值。它将返回数组的索引，因此它从0开始，而您的if语句与1一致。

另外，我做了一些其他更改（否则在Chrome中我会遇到一些错误）。示例：http://jsfiddle.net/7vkZV/

Highcharts：通过单击显示多个工具提示，反之亦然

1 个答案: