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代码中使用哪些函数来了解相同的内容吗？

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

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

chart.options.noData = message_2;

其中chart是Highcharts.Chart对象。

Answer 1

如果您想更改noData消息，可以使用（＆＃39; .highcharts-no-data＆＃39;）类来更改此消息：

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

如果要在图表对象中设置此消息，可以使用

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

这将有助于您节省＆＃39;您的新消息，这样您每次删除数据时都不必更改消息文本的innerHTML。

在这里，您可以看到一个示例：http://jsfiddle.net/0Lqyax5x/

动态分配Highcharts.Chart选项noData

1 个答案: