Highcharts：生成空白图表

Question

我的应用程序接收动态数据并生成一个图表，并可选择使用chart.renderer.text() 在顶部显示一条消息。

有时对数据的动态请求格式不正确，并且生成的数据不可靠，因此在这种情况下，我想生成一个完全空白的图表（具有自定义背景颜色）与最初请求的宽度和高度相同（请求的那部分通常是可以的），并且只是像上面描述的那样使用消息覆盖来向用户显示消息。

最简单的方法是什么？我希望空白图表从字面上看是......只是一个没有轴或任何东西的纯色，并且没有关于“没有数据可显示”的消息，我在搜索答案时发现的几个示例中看到了这种消息。在空白背景（具有用户定义的宽度和高度）之上，我的消息覆盖。

Answer 1

这将是最简单的创建...空图表。然后在load 事件中向图表添加必要的文本。像这样的东西：http://jsfiddle.net/zkj36o7e/1/

$('#container').highcharts({
    chart: {
        events: {
            load: function () {
                var text = this.renderer.text("Malformed data").attr({
                    'text-anchor': "middle",                 // SVG's text-align ;)
                    stroke: "black",                         // color
                    opacity: 0,                              // smooth animation - part I  
                    x: this.plotWidth / 2 + this.plotLeft    // x-center of the plot
                }).add(),
                    bbox = text.getBBox();                   // get bounding box of the created text 

                text.attr({
                    y: this.plotHeight / 2 - bbox.height / 2 // y-position - half of the text's height
                }).animate({
                    opacity: 1                               // smooth animation - part II
                });
            }
        }
    }
});