✊🏿 Black Lives Matter. Please consider donating to Black Girls Code today.
🐇 Announcing Dash VTK for 3d simulation graphics. Check out the March webinar.

Horizontal Bar Chart Y axis element with mixed datatype


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);