How can I get multiple bars in a bar graph to the same X-value?

hello everyone,

here is the code

html.Div(
[
dcc.Graph(
id=‘column’,
figure={
‘data’: [
{
‘x’: [‘giraffes’, ‘orangutans’, ‘monkeys’,‘giraffes’, ‘orangutans’, ‘monkeys’,‘giraffes’, ‘orangutans’, ‘monkeys’],
‘y’:[20, 14, 23,12,13,15,14,15,16],
‘type’:‘bar’,
}
],
“layout”:{
‘xaxis’: {“automargin”: True, ‘tickmode’:‘array’},
‘yaxis’: {“automargin”: True},
}},
),
])

can anyone help me how I can get the bars to all the x-axis values.

thank you.

regards,
Kittu.