javascript 高图。动态更改选项

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/18402223/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-10-27 11:46:37  来源:igfitidea点击:

HighCharts. Change options dynamically

javascripthighcharts

提问by Александр Леднев

I set tooltip option enabled = FALSE.

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

I want change it to TRUEwhen user clicks on point.

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

How can I do it?

我该怎么做?

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

回答by melancia

It's fairly easy.

这很容易。

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

Demo: http://jsfiddle.net/eNMvw/50/

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

回答by Amitābha

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

回答by harsh4u

Can you check below code:

你能检查下面的代码吗:

It's works for me.

它对我有用。

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

});

Hope this works for you

希望这对你有用