在Highcharts Gauge上添加图像

时间:2016-07-18 10:06:40

标签: javascript html css highcharts

我在将图像添加到Highcharts规格时遇到问题。

理想情况下,我想在仪表顶部添加一个glyphicon。见JSFiddle:

JS FIDDLE

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();

}

提前致谢!

0 个答案:

没有答案