psychopy.org | Reference | Downloads | Github

Visual slider font issue

I am trying to set custom scale labels for different questions in a survey online. However, this is causing some strange font overlapping behavior which doesn’t happen when I ‘fix’ the labels. See image, and code below

myrating = scale;#my custom lables are under a column labeled 'scale' in excel
artSlider = new visual.Slider({
    win: psychoJS.window, name: 'slider_name',
    size: [1.0, 0.05], pos: [0, (- 0.1)], units: 'height',
    labels: myrating, ticks: [1, 2, 3, 4, 5, 6 , 7],
    granularity: 1, style: [visual.Slider.Style.RATING, visual.Slider.Style.TRIANGLE_MARKER],
    color: new util.Color('Black'), 
    fontFamily: 'Arial', bold: false, italic: false, 
    flip: false, fontSize: 0.02,
  });