Horizontal Bar Chart Y axis element with mixed datatype

Hi,

I am using simple horizontal bar chart to display data. Y axis array element is having data containing string and number. I am able to draw graph correctly if I use only numbers or only string in array. I am not able to draw graph with mix data. Can anyone please help me to resolve the issue?

JS code:

var data = [{
type: ‘bar’,
x: [20, 14, 23],
y: [‘0%’, ‘1-10%’, ‘11-20%’],
orientation: ‘h’
}];

Plotly.newPlot(‘myDiv’, data);