matplotlibでグラフのハッチを条件によって変え、凡例をつけたい

Question

前提・実現したいこと

labels = ["a", "i", "b", "u", "t", "k"]
data = [4, 6, 10, 2, 10,1]

このような母音と子音が入ったリストから、

1. ラベルが母音の場合には赤色、ラベルが子音の場合には棒を青色にする
2. グラフのハッチも子音と母音で変更する
3. 凡例を変える

という条件を満たしたグラフを書きたいです。

つまり、この画像のグラフにハッチと凡例を加えたいということです。

1)は達成できましたが、2)では以下のようなエラーメッセージが出て、3)に関してはやり方がわかりませんでした。
どのようにすれば2), 3)を達成できるでしょうか？

発生している問題・エラーメッセージ

TypeError: unhashable type: 'list'

該当のソースコード

import numpy as np
import matplotlib.pyplot as plt

vowel = ["a", "i", "u", "e", "o"] # 母音のリスト
consonant = ["p", "t", "k", "b"] # 子音のリスト

labels = ["a", "i", "b", "u", "t", "k"] # グラフに含むラベルの音のリスト
data = [4, 6, 10, 2, 10,1] # 数値

# 表示位置設定
x_width = 0.5
x_loc = np.array(range(len(data))) + x_width

# 条件づけ
colors = []
hatches = []
for label in labels:
    if label in vowel: # 母音は赤、x
        colors.append("red")
        hatches.append("x")
    else:
        colors.append("blue") # 子音は青、||
        hatches.append("||")
        
plt.title("Bar Graph")
plt.bar(x_loc, data, width=x_width, color=colors, hatch=hatches)     # 棒グラフの設定
plt.xticks(x_loc, labels)               # x軸にラベル設定

# 描画実行
plt.show()

補足情報（FW/ツールのバージョンなど）

Pyrhon3.7, matplotlib.pyplot

Answer 1

1. 母音だけの棒グラフを作成
2. 子音だけの棒グラフを作成

というように2回に分けて、plt.bar() を呼び出せばよいかと思います。
コードにすると以下のようになります。

import numpy as np
import matplotlib.pyplot as plt

vowel = ["a", "i", "u", "e", "o"]  # 母音のリスト
consonant = ["p", "t", "k", "b"]  # 子音のリスト

labels = ["a", "i", "b", "u", "t", "k"]
data = [4, 6, 10, 2, 10, 1]

xs = np.arange(len(labels))
data = np.array(data)

# ラベルのうち、母音、子音の位置を調べる。
vowel_loc = np.isin(labels, vowel)
consonant_loc = np.isin(labels, consonant)

fig, ax = plt.subplots(figsize=(8, 6))

# 母音の棒グラフ
ax.bar(
    xs[vowel_loc], data[vowel_loc], color="r", hatch="x", label="vowel", width=0.5,
)

# 子音の棒グラフ
ax.bar(
    xs[consonant_loc],
    data[consonant_loc],
    color="b",
    hatch="||",
    label="consonant",
    width=0.5,
)

ax.set_xticks(xs)
ax.set_xticklabels(labels)  # ラベル
ax.legend()
ax.grid()

# 描画実行
plt.show()

Comments

[hamident0]

ご回答下さり、大変ありがとうございました。
こちらのご回答で行いたいことがすべてできました。

[hamident0]

たびたび申し訳ありませんが、こちらのコードを私の環境で処理いたしますと、ラベルがずれてしまいます。
本当は左からa i b u t kとなってほしいのですが、 i b u t k (空白) となってしまいます。
どのような問題が考えられるでしょうか？

[tiitoi]

すいません。コードに不備がありましたので修正しました。
ax.set_xticks(xs) を1行追加しました。

[hamident0]

たびたびありがとうございます。これで解決いたしました。