Python - Flaskでmatplotlib...pltのパラメータが被ってハゲそう

Question

#環境
Python 3.6.0
Heroku
Flask

##困っていること
matplotlibを用いて、二種類のグラフ（線グラフと円グラフ）を別々に作りました。
しかし、そこで得た2つのグラフを並べてみると、後に作られた円グラフが線グラフの設定を引きずっているではありませんか。

どうにかこうにかしてみたものの、解決できずにハゲそうになっています。

##こんなかんじ
右側は円グラフになるはずなのです。

原因は多分、同じタイミングでpltを使っているからだと思いますが、、、

解決策のご教授をよろしくおねがいいたします・・・。

##plot.py(オリジナル)

ちょっとぐちゃぐちゃしてますが、上の関数が線グラフ、下の関数が円グラフです

from flask import Flask,send_file
from matplotlib import pyplot as plt
from matplotlib.font_manager import FontProperties
import numpy as np
import random
from io import BytesIO

class Image:
    def generate_img(image):
        plt.savefig(image, format='png')
        image.seek(0)
        return send_file(image,attachment_filename="hoge.png",as_attachment=True)
        #↑こいつをflaskのmain.pyでうけとって、<img src="">に使ってる

def line_graph():
    data = [i*i**2*random.randint(100,900) for i in range(10)]
    plt.figure(figsize=(7,5))#グラフの縦横比
    colors=['#DDB6CC','#A4C0D1','#BAC384','#DFD09D','#C56B3F','#A5908B']
    plt.plot(data,'-o',label="ラベル",color=colors[0])
    plt.axhline(y=random.randint(100000,300000),lw=1,color='#098765') # x軸に平行に引く,lw=太さ
    plt.axvline(x=random.randint(1,10),lw=1,color='#123456') # y軸に平行に引く,lw=太さ
    fp = FontProperties(fname=r'Arial Unicode.ttf', size=12)
    plt.xticks(range(0,random.randint(10,20))) # x軸メモリの範囲
    #plt.yticks(range(0,100)) # y軸メモリの範囲
    plt.xlabel("x軸のラベル",fontproperties=fp)
    plt.ylabel("y軸のラベル",fontproperties=fp)
    plt.legend(loc="best",prop=fp)#凡例
    plt.title("サンプルグラフ",fontproperties=fp)
    #グラフをオブジェクトに保管
    image = BytesIO()
    return Image.generate_img(image)

def circle_graph():
    data = np.array([100, 200, 300, 400, 500])
    label = ["Apple", "Banana", "Orange", "Grape", "Strawberry"]
    colors2 = ["0.1", "0.3", "0.5", "0.7", "0.9"]
    plt.pie(data, labels=label, counterclock=False, startangle=90,colors=colors2)
    plt.axis('equal') # 楕円になるのを防ぐおまじない
    #グラフをオブジェクトに保管
    image = BytesIO()
    return Image.generate_img(image)

##Flaskのmain.py

from flask import Flask,render_template,send_file
import os
import plot # オリジナル

app = Flask(__name__)

@app.route("/")
def main():
    image = "sample.png"
    image2 = "sample_circle.png"
    return render_template("index.html",image=image,image2=image2)

@app.route("/sample.png")
def img():
    return plot.line_graph()

@app.route("/sample_circle.png")
def sircle():
    return plot.circle_graph()

if __name__ == "__main__":
    app.run(debug=True)

Answer 1

このような用途では対話型のプロットは好ましくありません。
オブジェクト指向スタイルを試してみてください。

class Image:
    def generate_img(fig, image):
        fig.savefig(image, format='png')
        image.seek(0)
        return send_file(image,attachment_filename="hoge.png",as_attachment=True)
        #↑こいつをflaskのmain.pyでうけとって、<img src="">に使ってる
    
def line_graph():
    fig, ax = plt.subplots(figsize=(7,5))
    data = [i*i**2*random.randint(100,900) for i in range(10)]
    colors=['#DDB6CC','#A4C0D1','#BAC384','#DFD09D','#C56B3F','#A5908B']
    ax.plot(data,'-o',label="ラベル",color=colors[0])
    ax.axhline(y=random.randint(100000,300000),lw=1,color='#098765') # x軸に平行に引く,lw=太さ
    ax.axvline(x=random.randint(1,10),lw=1,color='#123456') # y軸に平行に引く,lw=太さ
    fp = FontProperties(fname=r'Arial Unicode.ttf', size=12)
    ax.xaxis.set_ticks(range(0,random.randint(10,20))) # x軸メモリの範囲
    #plt.yticks(range(0,100)) # y軸メモリの範囲
    ax.set_xlabel("x軸のラベル",fontproperties=fp)
    ax.set_ylabel("y軸のラベル",fontproperties=fp)
    ax.legend(loc="best")#凡例
    ax.set_title("サンプルグラフ",fontproperties=fp)
    #グラフをオブジェクトに保管
    image = BytesIO()
    return Image.generate_img(fig, image)

def circle_graph():
    fig, ax = plt.subplots()
    data = np.array([100, 200, 300, 400, 500])
    label = ["Apple", "Banana", "Orange", "Grape", "Strawberry"]
    colors2 = ["0.1", "0.3", "0.5", "0.7", "0.9"]
    ax.pie(data, labels=label, counterclock=False, startangle=90,colors=colors2)
    ax.axis('equal') # 楕円になるのを防ぐおまじない
    #グラフをオブジェクトに保管
    image = BytesIO()
    return Image.generate_img(fig, image)

参考1: http://minus9d.hatenablog.com/entry/2015/01/26/225731

もしくは一つの画像に複数のグラフを並べる方法もあります。

参考2: http://qiita.com/ynakayama/items/8d3b1f7356da5bcbe9bc

Comments

[starrow1103]

回答ありがとうございます！サブプロットでしたそんなのがありましたね、、、

あとでいただいたものを試してみますので、少しお待ちくださいm(_ _)m

[starrow1103]

無事問題を解決することができました！ありがとうございました。

[starrow1103]

追記：

一応問題は解決したのですが、なぜか日本語フォントの文字化けが起こるようになりました。
fontpropertiesを設定制定ない
ax.plot(data,'-o',label="ラベル",color=colors[0])
の「ラベル」です。

とりあえずいろいろ試してはみますが、なぜこうなってしまったのでしょうかね。