0
UIを使った選択に基づいてブラウザ上に画像をプロットするDjango Appがあります。 UIに変更があるたびに、JavaScript関数が呼び出され、djangoビューへの呼び出しが作成されます。djangoは古い画像を置き換えていません
ブラウザからUIを変更するたびに、新しいImageがviews.pyの関数によって作成され、HTTPResponseとしてJavascriptに返され、最終的にブラウザに画像が表示されます。ここ
問題は、古いイメージは削除されませんし、新しいイメージがページが 
ときに初めてロードされたときにこれがある
下の画像のように見えたブラウザ上にプロットされていることです私は再び関数kmeansを選択すると、UIはそれはまだ前のグラフ 
に変更されます
私は、すべての計算がviews.pyで行われ、値がテンプレートに返されていることを確認しました。
views.py
class PlotTool(View):
@staticmethod
def kmeansPlot(request):
[X,labels] = cluster_kmeans(request.GET.get('value'))
color = ["g", "r", 'purple','olive','teal','orchid','darkorange']
size = [90] * len(X)
for i in xrange(len(X)):
plt.scatter(X[i][0], X[i][1], c=color[labels[i]],s=size[i])
#To Show Centroids on Plot
plt.title('Kmeans')
plt.grid(True)
# Store image in a string buffer
buffer = StringIO.StringIO()
canvas = pylab.get_current_fig_manager().canvas
canvas.draw()
pilImage = PIL.Image.fromstring("RGB", canvas.get_width_height(), canvas.tostring_rgb())
pilImage.save(buffer, "PNG")
response = HttpResponse(buffer.getvalue(), content_type="image/png")
return response
@staticmethod
def PCAPlot(request):
score,coeff,labels = pcaAnalysis()
xs = score[:,0]
ys = score[:,1]
n=coeff.shape[0]
scalex = 1.0/(xs.max()- xs.min())
scaley = 1.0/(ys.max()- ys.min())
plt.scatter(xs*scalex,ys*scaley)
for i in range(n):
plt.arrow(0, 0, coeff[i,0], coeff[i,1],color='r',alpha=0.5)
if labels is None:
plt.text(coeff[i,0]* 1.15, coeff[i,1] * 1.15, "Var"+str(i+1), color='g', ha='center', va='center')
else:
plt.text(coeff[i,0]* 1.15, coeff[i,1] * 1.15, labels[i], color='g', ha='center', va='center')
plt.title('PCA')
plt.xlim(-1,1)
plt.ylim(-1,1)
plt.xlabel("PC{}".format(1))
plt.ylabel("PC{}".format(2))
plt.grid()
# Store image in a string buffer
buffer = StringIO.StringIO()
canvas = pylab.get_current_fig_manager().canvas
canvas.draw()
pilImage = PIL.Image.fromstring("RGB", canvas.get_width_height(), canvas.tostring_rgb())
pilImage.save(buffer, "PNG")
response = HttpResponse(buffer.getvalue(), content_type="image/png")
return response
のPython 2.7.10に、Django 1.9 任意のヘルプを歓迎です...おかげ
EDIT：フルJavaスクリプトコード
<body>
<div class="container">
<div class="col-left">
<form action='#' method="get">
<div>
<label>No of Cluster</label>
</div>
<input id="slider1" type="range" class="myinput" value="3" min="2" max="10" step="1" onchange="callFun(dropdown1.value,this.value)" />
<div class="count"><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span style="border:none">10</span></div>
</form>
</div>
<div class="col-right">
<label>Select Clustering Method</label>
<select name="test" id="dropdown1" onchange="callFun(this.value,slider1.value)">
<option value="Kmeans Clustering" selected>Kmeans Clustering</option>
<option value="Birch Clustering">Birch Clustering</option>
<option value="PCA Plot">PCA Plot</option>
</select>
</div>
<div style="width:100%; float:left;margin-top:30px;">
<img id="im" src='{% url "kmeans_graph" %}' align="left" height="400" width="400" >
<p id="demo">3</p>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fetch/1.0.0/fetch.min.js"></script>
<script>
function callFun(value1,value2) {
if (value1 == 'Kmeans Clustering'){
var img_src = '{% url "kmeans_graph" %}'
document.getElementById("im").setAttribute("src",img_src + '?value=' + value2);
document.getElementById("demo").innerHTML =value2
}
else if(value1 == 'Birch Clustering'){
var img_src = '{% url "birch_graph" %}'
document.getElementById("im").setAttribute("src",img_src + '?value=' + value2);
document.getElementById("demo").innerHTML =value2
}
else{
var img_src = '{% url "pca_graph" %}'
document.getElementById("im").setAttribute("src",img_src + '?value=' + Math.random());
document.getElementById("demo").innerHTML ='pca_graph'
}
}
</script>
</body>
</html>
のために働いていますが、 'callFun'が呼び出されたときに何であるか' value1'確認しましたか？ – EngineerCamp
@EngineerCamp私はちょうどvalue1をチェックしました...それは期待どおりの同じ出力を与えています – utkarsh