动态分配 Highcharts.Chart 选项 noData

Question

我有一个 Highcharts.Chart 对象，它的全局选项如下：

Highcharts.setOptions({
    global: {
        useUTC: false
    },
    lang: {
        noData: message_1
    },
    chart: {
        style: {
            fontSize: '12px',
            fontWeight: 'lighter',
            color: '#000000'
        }
    }
});

然后我使用 javascript 设置选项如下：

var options = {};
options.lang = {};
options.noData = {};
options.noData.useHTML = true; //message_1 is HTML

现在，在我的代码中执行获取数据操作后，如何检查要绘制的图表是否有任何数据？我可以在我的 javascript 代码中使用任何函数来了解相同的信息吗？

如果没有要绘制的数据，我该如何将新的无数据消息（例如，message_2）分配给图表。

我尝试这样做但无济于事，

chart.options.noData = message_2;

其中图表是 Highcharts.Chart 对象。

Answer 1

如果您想更改您的 noData 消息，您可以使用 ('.highcharts-no-data') class 来更改此消息：

  $('.highcharts-no-data')[0].children[0].innerHTML = 'message3';

如果你想在你的图表对象中设置这个消息，你可以使用

  chart.options.lang.noData = 'message3';

这将帮助您 'save' 您的新消息，这样您就不必在每次删除数据时都更改消息文本的 innerHTML。

在这里你可以看到一个例子它是如何工作的：http://jsfiddle.net/0Lqyax5x/

动态分配 Highcharts.Chart 选项 noData

Dynamically allocating Highcharts.Chart options noData

javascript

highcharts

no-data