Highcharts 显示/隐藏系列消除数据标签的样式

Highcharts 显示/隐藏系列消除数据标签的样式,highcharts,highstock,Highcharts,Highstock,在我的图表中,我将一个类与每个系列的数据标签组合在一起。 在某个时刻,我隐藏了一个系列的数据标签。但如果现在显示/隐藏任何其他系列,则会显示隐藏的数据标签 我制作了一个JSFIDLE示例。执行以下步骤了解我的意思: 1.单击按钮1以隐藏系列1上的数据标签 2.隐藏系列2 现在显示了系列1上的数据标签。我怎样才能阻止这种行为 JSIDLE链接: 这就是海图库的工作原理。当您更新图表(如按图例隐藏、调整窗口浏览器大小等)时,元素将被重新绘制 要隐藏数据标签,请使用series.update: 演示:

在我的图表中,我将一个类与每个系列的数据标签组合在一起。 在某个时刻,我隐藏了一个系列的数据标签。但如果现在显示/隐藏任何其他系列,则会显示隐藏的数据标签

我制作了一个JSFIDLE示例。执行以下步骤了解我的意思: 1.单击按钮1以隐藏系列1上的数据标签 2.隐藏系列2

现在显示了系列1上的数据标签。我怎样才能阻止这种行为

JSIDLE链接:


这就是海图库的工作原理。当您更新图表(如按图例隐藏、调整窗口浏览器大小等)时,元素将被重新绘制

要隐藏数据标签,请使用series.update:

演示:

如果确实需要使用类,则使用在每次重画时显示/隐藏dataLabel:

Highcharts示例:

    chart: {
        events: {
            redraw: function () {
                var showOrHide = display ? 'show' : 'hide';
                $(".label_0")[showOrHide]();
            }
        }
    },
单击按钮:

function button1() {
  $("#b1").click(function () {
    display = !display;
    $(".label_0").toggle();
  });
}
    chart: {
        events: {
            redraw: function () {
                var showOrHide = display ? 'show' : 'hide';
                $(".label_0")[showOrHide]();
            }
        }
    },
function button1() {
  $("#b1").click(function () {
    display = !display;
    $(".label_0").toggle();
  });
}