highcharts - 单击按钮启用或禁用 Highcharts 饼图中显示的数据标签

标签 highcharts

我有一个动态饼图。单击按钮时,显示的数据标签dataLables显示数据点为真,为假时应隐藏。

plotOptions: {
    pie: {
        allowPointSelect: false,
        cursor: 'pointer',
        dataLabels: {
            enabled: false
        }
    }
}

最佳答案

您可以使用 API 来切换系列绘图选项,如下所示:

    var chart = $('#container').highcharts();
    var opt = chart.series[0].options;
    opt.dataLabels.enabled = !opt.dataLabels.enabled;
    chart.series[0].update(opt);

例如http://jsfiddle.net/sYMcs/

chart.series[0].options 获取应用于系列 0 的选项。 series.update 修改当前选项,并重新绘制图表。

关于highcharts - 单击按钮启用或禁用 Highcharts 饼图中显示的数据标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15905924/

相关文章:

svg - highcharts 热图区域 pattenObjects 可以尊重颜色轴应用的颜色吗?

javascript - Highcharts 股票图表时间选择器

javascript - 如何在 Highchart 图表上绘制椭圆(椭圆)

javascript - JSON 和 Python Django - 无法解决同源问题 - 未调用回调函数

javascript - 如何让 Highchart 填满整个 bootstrap 窗口?

javascript - 如何在 HighCharts 中使用@Media Query

highcharts - 如何防止 highcharts 用省略号缩短标签

javascript - 将鼠标悬停在其他页面元素上时更改点样式

highcharts - 如何在 Highcharts 工具提示中获取下一个点

javascript - 图表底部的 Highcharts 信息气泡 - 这可能吗?