Possible to recreate this bar chart with image overlays?

• October 31, 2019 at 2:30 am #27268
  
  Adam Griffiths

  I’m trying to create a bar chart that looks like this, with images placed between the y-axis labels and the bars. The images should stay in that white space at all screen sizes. I was able to reproduce this using a stacked bar chart to fake the white space, but the images pop out of place at screen sizes where the chart title extends across more than one line. Is there a way to adjust the image position based on the size of the headline? Or maybe there’s a better approach to this?

  Thanks!

  October 31, 2019 at 8:52 pm #27274
  
  Shashi Ranjan

  @foreignpolicy,

  Please take a look at this JSFiddle.

  —
  Shashi Ranjan
  Team CanvasJS

  November 1, 2019 at 3:28 am #27276
  
  Adam Griffiths

  Thanks! That seems promising, but it’s not working in my code the same way as in your JSFiddle. My icons move out of place the moment the screen is resized and they still move when the chart title extends across more than one line.

  You can have a look here.

  November 4, 2019 at 7:00 pm #27303
  
  Shashi Ranjan

  @foreignpolicy,

  The JSFiddle you have shared doesn’t seem to be working. However, we are trying to reproduce the issue at our end and will get back to you at the earliest.

  —
  Shashi Ranjan
  Team CanvasJS

  November 7, 2019 at 1:18 am #27327
  
  Adam Griffiths

  What about positioning the images to the left of the names in the y-axis? Would that be any easier?

  November 8, 2019 at 7:58 pm #27355
  
  Shashi Ranjan

  @foreignpolicy,

  Please take a look at this JSFiddle.

  —
  Shashi Ranjan
  Team CanvasJS