I would like to display my ticktexts in my plotly xaxis with different colors based on the respective string (based on a dictionary). Is there a functionality in plotly to do this, maybe via HTML coding?
ticktext = ['<font color="red">{}</font> '.format(x) for x in ticktexts]
doesn't work, it gives the html string to the labels.
A little bit of a workaround using LaTeX can help you here (sorry @Iwileczek, I stole your example, hope you don't mind) because plotly has full LaTeX support:
def color(color, text):
s = '$\color{' + str(color) + '}{' + str(text) + '}$'
return s
animals=['giraffes', 'orangutans', 'monkeys']
colors = ['red', 'green', 'yellow', 'blue']
ticks = [5, 10, 15, 20]
keys = dict(zip(ticks, colors))
fig = go.Figure([go.Bar(x=animals, y=[20, 14, 23])])
ticktext = [color(v, k) for k, v in keys.items()]
print(ticktext)
fig.update_layout(
yaxis=dict(tickmode='array', ticktext=ticktext, tickvals=ticks)
)
fig.show()
Update March 2021:
If you don't want to use the LaTex rendered font by MathJax in your output, use the solution of @Dapcer with an HTML styling:
def color(color, text):
return f"<span style='color:{str(color)}'> {str(text)} </span>"
Example with fig.update_layout(font=dict(family="Times New Roman") [...]:
HTML alternative to Albo's solution:
I used Albo's solution and replaced Latex code with HTML code. Same solution but avoiding Latex fonts if you are not inserting Math symbols.
Just replace Latex code from
def color(color, text):
s = '$\color{' + str(color) + '}{' + str(text) + '}$'
return s
to HTML code
def color(color, text):
# color: hexadecimal
s = "<span style='color:" + str(color) + "'>" + str(text) + "</span>$"
return s
You can change to a single color by updating the color property of the yaxis or xaxis. The color property must be a single color as it only accepts strings that decode to colors. However, you can update the ticktext property of charts with Latex formatting to accomplish this. Please see Albo's answer to learn how to do this.
import plotly.graph_objects as go
animals=['giraffes', 'orangutans', 'monkeys']
fig = go.Figure([go.Bar(x=animals, y=[20, 14, 23])])
fig.update_layout(
yaxis=dict(color="#E90")
)
fig.show()
