javascript - 如何禁用 highcharts 图表的显示？

Question

我显示一个带有单选按钮的图表，我想添加一个单选按钮来禁用图表显示并显示文本。我搜索但我没有找到任何东西。如果有人可以帮助我找到解决方案，我不知道该怎么做。

我使用这段代码来显示文本:

function disp_plot_msg () {
    var msg = '<p id = "graphic_msg" class = "msg_text">' + 'Charts not display' + '</p>';
    if ($("#graphic_msg").hasClass("msg_text"));
    else
        $("#graphic").append(msg);
}

我使用 .hasClass 来了解文本是否显示。我还有另一个制作图表的功能。 (我使用的 Highcharts 演示:DEMO)

Answer 1

您可以通过设置 display CSS 样式来显示或隐藏图表:

document.getElementById('chartOption').addEventListener('change', function() {
    document.getElementById('container').style.display = "block";
    document.getElementById('text').style.display = "none";
});

---

现场演示: http://jsfiddle.net/BlackLabel/ohg2c965/