Highcharts加载图像

使用

是否可以将图像作为显示的覆盖的一部分？特别是“加载”gif图像

---

我试过使用labelStyle部分，但到目前为止没有成功

检查API后。这似乎是可能的

labelStyle

接受任何有效的CSS。通常使用连字符的属性删除连字符，并将下一个字母大写。这意味着我们可以使用像

背景图像

这样的东西来提供背景图像（比如加载

.gif

）

---

.

检查此示例以进行自定义加载

$（函数（）{
//按钮处理程序
var isLoading=false，
$按钮=$（“#按钮”）；
$按钮。单击（函数（）{
如果（！isLoading）{
chart.showLoading（）；
$button.html（“隐藏加载”）；
}否则{
chart.hideLoading（）；
$button.html（“显示加载”）；
}
isLoading=！isLoading；
});
//创建图表
var图表=新的Highcharts.图表({
图表：{
renderTo:“容器”
},
xAxis：{
类别：[一月、二月、三月、四月、五月、六月、七月、八月、九月、十月、十一月、十二月]
},
系列：[{
数据：[29.9,71.5,106.4,129.2,144.0,176.0,135.6148.5,216.4194.1,95.6,54.4]
}]
});
});
.highcharts加载{
不透明度：1！重要；
}
.highcharts加载内部{
显示：块；
}
.高图加载内部，
.高图表加载内部：之前，
.highcharts加载内部：之后{
背景:#dfdf ;；
-webkit动画：加载1s无限轻松输入输出；
动画：加载1s无限轻松输入输出；
宽度：1米；
高度：4em；
}
.highcharts加载内部{
颜色：#dfdfdf；
文本缩进：-9999em；
保证金：0自动；
前50%！重要；
位置：相对位置；
字体大小：11px；
-webkit转换：translate3d（-50%，-50%，0）；
-ms变换：translate3d（-50%，-50%，0）；
转换：translate3d（-50%，-50%，0）；
-webkit动画延迟：-0.16s；
动画延迟：-0.16s；
}
.高图表加载内部：之前，
.highcharts加载内部：之后{
位置：绝对位置；
排名：0；
内容：''；
}
.highcharts加载内部：之前{
左：-1.5em；
-webkit动画延迟：-0.32s；
动画延迟：-0.32s；
}
.highcharts加载内部：之后{
左：1.5em；
}
@-webkit关键帧加载1{
0%,
80%,
100% {
盒影：0；
高度：4em；
}
40% {
盒影：0-2米；
身高：5公分；
}
}
@关键帧加载1{
0%,
80%,
100% {
盒影：0；
高度：4em；
}
40% {
盒影：0-2米；
身高：5公分；
}
}

显示加载。。。
哦，我明白了！我尝试过背景图像，但放弃了这种方法——做得很好：）谢谢当我点击小提琴上的“显示加载”按钮时，什么都没有发生
var chart = new Highcharts.Chart({
    // ...

    loading: {
        labelStyle: {
            backgroundImage: 'url("http://jsfiddle.net/img/logo.png")',
            display: 'block',
            width: '136px',
            height: '26px',
            backgroundColor: '#000'
        }
    },

    // ...
});