HighCharts. 动态更改选项

Question

我将tooltip选项设置为enabled = FALSE。

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

我该怎么做？

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

- Александр Леднев

---

你能否提供Highcharts函数的完整代码？ - harsh4u

不支持动态操作 - 但重新创建图表的解决方案可行。 - Paweł Fus

Answer 1

这相当容易。

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

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

- emerson.marini

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

});

希望这对你有用。

- harsh4u