Question

  tooltip: {
        crosshairs: [{
                        dashStyle: 'dash'
                    },{
                       dashStyle: 'dash'     
                    }]
                },
....

    $("#toggleCrossHaire").click(function(){
     if(chart.tooltip.crosshaires){
      chart.tooltip.crosshaires : [false,false];
    }eles{
      chart.tooltip.crosshaires : [true,true];
    }
    });

启用或禁用和更改十字准线的dashStyle。坚实和破折号。通过外部按钮??

此example有更多解释

Answer 1

您可以通过以下方式执行此操作：

获取当前dashstyle
根据您想要的风格进行更改
强制Highcharts重绘

$("#toggle").click(function(){
    var options = chart.options;
    var dashStyle = options.tooltip.crosshairs[0].dashStyle == "Solid" ? "Dot" : "Solid";
    options.tooltip.crosshairs = [{
        dashStyle: dashStyle
    }, {
        dashStyle: dashStyle
    }]
    chart = new Highcharts.Chart(options);
});

demo1

请注意，代码中止仅适用于两个十字准线 如果您只想使用一个，则必须创建图表，并在第二个禁用时设置crosshairs：

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

//记得改变以下行，因为我们只想设置第一行

options.tooltip.crosshairs = [{
    dashStyle: dashStyle
}]

demo2

通过外部按钮启用/禁用CrossHaires

1 个答案: