javascript - Showing image with variable src in tooltip of Highcharts scatter plot -


i have highcharts scatter plot i've managed integrate react.js page, , it's happily showing ~15,000 points. on tooltip, wish show image based on 'name' property of point (each point has unique name). i'm doing:

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  }

where cardsraw array of objects keyed on name, , points.name name of point. when hover on point gives me series name , x , y coordinates, believe default behaviour. based on other questions on site, can't see i'm doing wrong? tried static img src, didn't work either.


Comments