Javascript 在highchart中添加图像

我试图在highchart中添加图像，但我看不到图像。 请参阅下面的代码：

var currentECGOptions={
图表：{
renderTo:'CurrentECGCContainer'，
事件：{
加载：函数（）{
警报（“加载此功能”）；
this.renderer.image（'/Content/Images/logo.png'，10010030）
.on（'click'，function（）{location.href='http://www.highcharts.com'})
.css（{cursor:'Pointer'}）
.add（）；
}
}    
},
导航器：{
启用：对，
maskFill:'rgba（255,255,255,0.45）'，
系列：{
类型：'areaspline'，
颜色：“rgba（255，255，255，0.00）”，
填充不透明度：0.8，
数据分组：{
平滑：正确
},
线宽：1，
线条颜色：“蓝色”，
填充颜色：{
线性梯度：{
x1:0，
y1:0，
x2:0，
y2:1
},
停止：[[0'，FF8000'，[1'，FFFF00']]
},
标记：{
已启用：false
},
影子：错
},
亚克斯：{
反向：错误
}
},
系列：[{
showInLegend:false，
数据：[空，空]
}]
};
currentECGOptions=jQuery.extend（true，{}，options，currentECGOptions）；
var currentECG=新的Highcharts.Chart（currentECGOptions）；
currentECG.setTitle（{text:“CURRENT ECG”}）；
currentECG.showLoading（）；

您应该能够通过css设置图像：

HTML

JS

---

尝试在创建图表后添加徽标，而不是在

events

选项中添加。它可能看起来像这样：

/* create the chart */
var currentECG = new Highcharts.Chart(currentECGOptions);

/* add the image to the new chart, after it's been created */
currentECG.renderer.image('/Content/Images/logo.png', 100, 100, 30, 30).on('click' , function(){location.href='http://www.highcharts.com'}).css({cursor:'Pointer'}).add();

我希望这有帮助

这个简单的例子有效；您是否尝试过有效地加载数据？什么是“选项”？你能准备一把小提琴来测试这个问题吗？

#mychart {
    background-image: url('image.png');
}

$('#mychart').highcharts( ... )

/* create the chart */
var currentECG = new Highcharts.Chart(currentECGOptions);

/* add the image to the new chart, after it's been created */
currentECG.renderer.image('/Content/Images/logo.png', 100, 100, 30, 30).on('click' , function(){location.href='http://www.highcharts.com'}).css({cursor:'Pointer'}).add();