在Highcharts散点图的工具提示中显示带有变量src的图像

时间:2016-01-25 00:40:37

标签: javascript highcharts reactjs

我有一个Highcharts散点图,我已经设法整合到我的react.js页面中,它很高兴显示~15,000点。在工具提示中,我希望根据点的“名称”属性显示图像(每个点都有唯一的名称)。这就是我正在做的事情:

tooltip: {
  useHTML: true,
  formatter: function() {
    return "<img src='https://image.deckbrew.com/mtg/multiverseid/'" + cardsRaw[point.name].multiverseids[cardsRaw[point.name].multiverseids.length - 1].multiverseid + "'.jpg' height='150'/>";               	
  },
  followPointer: false
}

其中cardsRaw是在名称上键入的对象数组,points.name是该点的名称。目前,当我将鼠标悬停在任何一点上时,它只会给我系列名称以及x和y坐标,我认为这是默认行为。根据本网站上的其他问题,我看不出我做错了什么?我甚至尝试了静态img src,但这也没有用。

0 个答案:

没有答案