HighCharts。动态更改选项

时间:2013-08-23 11:54:24

标签: javascript highcharts

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

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

我该怎么做?

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

3 个答案:

答案 0 :(得分:8)

这很容易。

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

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

答案 1 :(得分:0)

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

答案 2 :(得分:-2)

您可以查看以下代码:

这对我有用。

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

});

希望这适合你