Question

我设置了工具提示选项enabled = FALSE。

我想在用户点击点时将其更改为TRUE。

我该怎么做？

series : [{
            data : data,
            dataGrouping: {
                enabled: false
            },
            events: {
                click: function(e) {
                    enabledTooltip();
                }
            }
        }],
//.......................        
var enabledTooltip = function(){
 // what I should write here?
};

Answer 1

这很容易。

var enabledTooltip = function () {
    var options = chart.options;
    options.tooltip.enabled = true;
    chart = new Highcharts.Chart(options);
};

演示：http://jsfiddle.net/eNMvw/50/

Answer 2

var enabledTooltip = function(){
    a.series[0]["dataGrouping"]["enabled"] = true;
};
var a = {series : [{
            data : "data",
            dataGrouping: {
                enabled: false
            },
            events: {
                click: function(e) {
                    enabledTooltip();
                }
            }
        }]};

(function test(){
    console.log("before click: "+a.series[0]["dataGrouping"]["enabled"]);//before click: false 
    enabledTooltip();
    console.log("after click: "+a.series[0]["dataGrouping"]["enabled"]);//after click: true 
})();

Answer 3

您可以查看以下代码：

这对我有用。

$(function () {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container'
        },

        plotOptions: {
            series: {
                events: {
                   click: function(e) {
                        enabledTooltip();
                    }
                }
            }
        },

        tooltip: {
            crosshairs: [{
                dashStyle: "Solid"
            }, false],
             enabled: false
        },

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



    var enabledTooltip = function(){
alert(567);
        var options = chart.options;
        options.tooltip.enabled = true;
   chart = new Highcharts.Chart(options);
};

});

希望这适合你

HighCharts。动态更改选项

3 个答案: