highcharts 在highchart中使用Java脚本渲染图像

9rbhqvlz  于 2023-08-05  发布在  Highcharts
关注(0)|答案(1)|浏览(123)

我试图渲染一个图像,以显示在我的highchart图形在闪亮的应用程序,但无法这样做。
我试过这个:

dataLabels = list(
  enabled = T,
  allowOverlap = T,
  style = list(
    fontWeight = "italic",
    fontSize = 11
  ),
  formatter = JS("
                           function(){
                            return(this.renderer.image('https://www.highcharts.com/samples/graphics/sun.png', 160, 30, 30).add()+
                            '<br>sim API: ' + this.point.sim_api.toFixed(0));
                            }")
)

字符串
我希望在图表中图像应该出现,但它没有出现。

gstyhher

gstyhher1#

通过使用formatter函数,您需要始终从它返回一个字符串。因此,您可以使用以下方法:

yAxis: {
    labels: {
      useHTML: true,
      formatter: function() {
        return '<div style="height: 30px; width: 30px; background-image: url(https://www.highcharts.com/samples/graphics/sun.png)"></div>'
      }
    }
  }

字符串
或在某个图表事件中呈现图像。

现场演示:http://jsfiddle.net/BlackLabel/jpmvhLkx/
API引用:https://api.highcharts.com/highcharts/yAxis.labels.formatter

相关问题