我在将图像添加到Highcharts规格时遇到问题。
理想情况下,我想在仪表顶部添加一个glyphicon。见JSFiddle:
labels: {
items: [{
html: '<div class="glyphicon glyphicon-envelope">icon</div>',
style: {
top: '80px',
left: '170px',
fontSize: '20px',
margin: '0 auto',
width: '100px'
}
}]
}
我使用了标签,显示标签中的文字,因此我知道标签正在工作,但当我删除标签中的文字时,不会显示glyphicon。
我还试过添加一个图像,以防glyphicon不起作用(参见相同的JSFiddle太阳图像),但是当图像正确定位在图像上时,我无法使图像显示在仪表顶部。测量仪显示在仪表后面,不可见。如何将图像放在前面?
function (chart) { // on complete
chart.renderer.image('https://www.highcharts.com/samples/graphics/sun.png', 70, 130, 30, 30)
.add();
}
提前致谢!