javascript - Highcharts 更改系列类型而不更改数据标签

标签 javascript highcharts

我有一个菜单可以更改所选系列的类型。

    if (clickId == "dashed_line"){
        serie.update({
            type: "line",
            dashStyle: 'dash',
            zIndex: 3
        });
    }

除了标签外观之外,它工作得很好,我有一个数据标签外观的一般状态(showlabel)。

    var bakSerie = new Array();
    bakSerie["type"] = serie.type;
    bakSerie["name"] = serie.name;
    bakSerie["color"] = serie.color;
    bakSerie["data"] = serie.options.data;
    bakSerie["id"] = serie.options.id;
    bakSerie["dash"] = serie.options.dashStyle;

    serie.remove();
    if (showLabel == 1) 
        var lbl = true;
    else
        var lbl = false;

    console.log("lbl: " + lbl);

    chart.addSeries({
        type: bakSerie["type"],
        name: bakSerie["name"],
        color: bakSerie["color"],
        data: bakSerie["data"],
        id: bakSerie["id"],
        dashStyle: bakSerie["dash"],
        dataLabels: lbl
    });

当 showlabels 等于 1 时,我更改系列类型,但系列的数据标签消失。

最佳答案

如果您想使用 lbl bool 值启用/禁用 dataLabels,则必须使用:

dataLabels: {
    enabled: lbl
}

顺便说一句,你可以替换

if (showLabel == 1) 
     var lbl = true;
else
     var lbl = false;

var lbl = (showLabel == 1);

关于javascript - Highcharts 更改系列类型而不更改数据标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31872936/

相关文章:

javascript - JavaScript 中的反向异或运算符?

javascript - 在 Angular 中的 Controller 之间共享数据,观看还是不观看?

javascript - Highcharts 如何显示某些工具提示而不显示其他工具提示

jquery - 如何删除向下钻取 Highcharts 中的滚动条

javascript - 如果 highcharts.js 没有数据,图表容器的最小高度

javascript - Angular Highcharts 重绘

javascript - 在 Nodejs 中定期写入文件

javascript - 响应式 2 列 Div 不起作用

javascript - 代理扩展 HTMLElement 的 WebComponent 的构造函数

javascript - Highcharts 重置缩放按钮