1

我寻找一种永久显示工具提示的方法：

  • 单击该点 --> 工具提示被克隆并永久显示
  • 如果再次单击同一点，克隆将被删除
  • 允许同时显示多个工具提示

我要做的大部分事情，但有一些小问题需要解决：

http://jsfiddle.net/jtnDz/1/

$(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]
    }]
});

});

我的问题是：

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

我真的是一个初学者，用谷歌搜索了很多例子，但这个问题我无法自己解决。有人可以给我一个提示吗？

谢谢！

4

1 回答 1

2

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

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

于 2013-04-23T15:25:17.033 回答