From 1fc0a7913761e97cb3bf22afb1a69557da684eb9 Mon Sep 17 00:00:00 2001
From: ColsonZhang <784278850@qq.com>
Date: Tue, 23 Mar 2021 20:49:24 +0800
Subject: [PATCH] add new result presentation & new simulation

---
 README.md                                     |   9 +
 handler/__pycache__/MysqlDB.cpython-36.pyc    | Bin 1267 -> 1260 bytes
 .../sim_data_container.cpython-36.pyc         | Bin 1931 -> 2746 bytes
 handler/__pycache__/simulation.cpython-36.pyc | Bin 2764 -> 3171 bytes
 handler/__pycache__/spice.cpython-36.pyc      | Bin 4028 -> 4145 bytes
 handler/sim_data_container.py                 |  32 ++-
 handler/simulation.py                         |  28 +-
 handler/spice.py                              |   9 +-
 static/spice/show_result2.js                  | 258 ++++++++++++++++--
 template/schematic/schematic.html             |   6 +-
 10 files changed, 299 insertions(+), 43 deletions(-)

diff --git a/README.md b/README.md
index 7c2ef49..5d441c0 100644
--- a/README.md
+++ b/README.md
@@ -59,6 +59,15 @@ app.py         ----服务器的主程序
 
 ## 更新日志
 
+* 2021年3月23号，前端更新
+
+  * 新增：多种仿真模式下的数据显示
+* 2021年3月22号，后端更新
+
+  * bug1：当放置同一种组件时，名称存在重复；手动更改名称后，需要将组件进行移动后，名称才会修改。
+  * bug2：当进行组件的复制后，将组件的部分元件进行调整，将无法提取spice。
+  * bug3：Tab的作用域问题，希望Tab的openmode函数中加入作用域。
+  * 新增：DC仿真处理
 * 2021年3月20号，前端更新
 
   * 新增：仿真结果数据显示，成功将仿真得到的节点电压绘制出来。
diff --git a/handler/__pycache__/MysqlDB.cpython-36.pyc b/handler/__pycache__/MysqlDB.cpython-36.pyc
index 25bcf29c84267382678fcd95bffb566fbe0b4fe5..e395b49f07a0349438822a0a745bd2b50ced1c53 100644
GIT binary patch
delta 194
zcmey&`G%9-n3tF9?(B$->{A#SqbAQ`G-KmsU|{&=IQa&n{$xHTdq)1veoX0%Dp737
z`MJ57B}E)S=_rn({G6Pm#N=#EwjySrKoKWMbn;DR6#*^~7i0#6;G4|LV#zKF<ZJRo
zP4;Cmb-%@%l30?Mlvtb^pO=`MTEq&JyTzWIpO=@KTv8+g(h0Johz&&Wg9wmrBqPCw
K^G!a<q6Gj(z$=&l

delta 177
zcmaFE`I(d5n3tDpdmYzC_9={vw<gbFG-KmqU|{&=G5H3gK3i~VQCVuyWHu%TMuE-l
zOzDg&x7d>Nb8|CGia3F)ZgCXl=j0?MCTDB16)^(^inu_clP@u=2ylbAAfq4z|7126
uOLj>hUz6w7WH%O5#;D0PEV7!SAQd39ir7Ge0EhsoLedI0gn#lO7A*k2Rwk7I

diff --git a/handler/__pycache__/sim_data_container.cpython-36.pyc b/handler/__pycache__/sim_data_container.cpython-36.pyc
index 89c0ee164cc88e6c55736ab1d5566f18cb08e36d..7629dbaef880bf07f53bc7288182be49f2f905b8 100644
GIT binary patch
delta 823
zcmah{O>fgc5Z&>|X5%JKX_`b$(jra}A}ACZp(;wnhky&^TSC3iU|XUzB++gVqKec5
zy#S|bj{E_x2=&qv{0;vH5WfI1W491hNXVMEv$JoXXP*6`a8U9t<@4S(e6mqhd)`fG
z@7-U{g}Gg^uEP97(eOXNUxS^F5F&)Jcp=8nrU<PqOE1tK#@1T^(XUg@rrHwKtizh3
znnSgfP>_(j_DEYKqa6mDpkZs5mbftNY7;#j>2BX_M*UH&(n1&zLoov{Sj*EsWdb})
zK@K=@V10!0mnnM#U><wUZHRH-xvFM}*06LDe>vq!i8iMw48K~6*zFI($i&!mZ^)F0
z-`(mC(@sy&)H7-(cpjOg<%ZN{I*gs(rWxtEB;AVM7+s@OO9EnWqq;z_KBXh`sy9jo
zO4xdq&k}N$vjjZOas*W&(3f|7)?sh1Q<ww1YhT2%-GnxNvTwmI{<QBc>7&_*l8PSF
z<2e@jemd^<B7T#_Ge>rwZ}$d4w`V$(&?Ld&<**aG=5-Veb%k!>SEn`M${ed*{;QVG
zLhT+WCibmN5R*}P7V>3*7F}mx<McekzkSOd`W6QNaV<|8=O_%z3UF#L3p3!*<3k;k
z#d(@-*VuqR{}VotE%5Q3Y{Dw;%PWw@AM$KznpE@&2L2wJ<@HJIW-7Rv@qDf+P*UZT
Kql)-A)A|kD{FqSy

delta 377
zcmYjLu}T9$6x_FWd)}=%6OBnEiiL=9ij_tz5-=cQ6%_+QEWALjFbPrKorQ2+>}-s$
zv=Xd^VCNtB3ju$?ukdYbEOus=nc>Z6;W4Xsd|zLN&G21~^bzci&MNk~2r}d62ApmP
zArdhZAUcqWE~HQuDRg8{;u`;DDu=+H;DXg?qU3mB;S3WhhDr9ejd669V0#c>M}vee
zWKFy52yj4K^d?^*|8Zc20A+f$kD*0BcD*vsfk5H{(*(NcG5>)!YLQ`;Uu@1fVxk5&
zohWWms1E&qO)Sz_<&{aV)0bMQ6<AH|{&k#SX)1fseT+*i(P0Q2G|O;~p*4$9eAiE=
z%cp6ox@DDNt3-9@gofTW_%!ymAfRt=A6zQx&0N;>a|TQjm+48DsIPU#>~_I*T+g-X
HLGS$nzo<(o

diff --git a/handler/__pycache__/simulation.cpython-36.pyc b/handler/__pycache__/simulation.cpython-36.pyc
index e692fc971b8b0a6dea39af93aa7a59e099805801..fbf2ad3e4fd3675a8eb0ac4c71276533cad255b0 100644
GIT binary patch
delta 945
zcmYk5yKfUg5Qlg79zLJX!FgEVJirlw<b*Mg5FWt@0Tm4jiUf)qb9gVw8T)MQUQlq(
za$(v~<a!E93M7;YMM9#ZNJr-)4Hf?dGn??xdcPUZ?)-LUS9h5IdB$GMX6<iBYcERU
zpY3U_pC*K)U_OE=4*@Z0keJ47z<OFlIgPaeqZnlkjWZb9E{jP`iz(M%G4T>sw1ysQ
z+$a#BshCo<6w?L5?Og+MU^a|ZQ0E!Q{0iz$e?UQ8<Jkh~p~whW1MDfVCfFR<6d!Gv
zu^t<-8K(w%&x%rf3?kNmVm8Q(E0sUu6CnOQB%G`gH~*xY>3G6x`H?S{?Oz4x&}G$3
z<hMG$@S@~Ed)x0$@pcey6r)YQ$m>NJw6>aF6tu(Q?Ck8&lA>M<L1Adf$P>{}mr=We
z^gG>&onG-?Q8t6Rzp&FQsh``Omwt1-?1f(QjSM7i!2c(@ZBgd+g(4)n-AO!d>EC(l
zK^VwQpR0qJS9h&pZbh`A)F|*}ZN(E3%IJt7jFRX2x!llPZ;O@(HTm0q-AyOk`urUB
zST$d(Vygz&c1Ib%Q?;PQnkP17@?I~L%dn9!huU<ES=6DX8Y4jKzma1j%+gGj{LoAE
z)1J|I{19F+1(*CGX8h!hD+GL7y|=CWjPf(eca-l`NN7Q37BWA^8a&QOGBD=)Lk%ui
zV9{a{F@=~$%m7?EOmBrjREvZcy1KA&VGeNtaS`GCMHaoYfCn%oiV&(pFJmWTLiOoD
zuh>&}W;JN-r_3*O?Go%1CB$Wbs|mataRqVpIB*U9>xe}R=;8+YONg6@TgTDc=-)vs
zBkm>z>%exweFjrjk|XPWaxVQeGmooSsc@5b_UU9Vop;V#d4b=eJ1Q#s`{@Gx4b-IB
A{Qv*}

delta 491
zcmY+BJ4*vW5P)}Q_a3>sh&f*u@rlpV_>P@uAqZNC7z+hKqnE<d#IPp_a@tr*s>Q;e
zp<-p@5AYYH^>+x)L>n3A<6~x-8Q8Djv&&h^W}VHwz2ipvv(qQmC1cFOT*pl6h?K=F
z<tg05tw857L>vPekg_94c_hw3?PCXGk%~y>nXZZ;j4}-aA4qJ-5)OzQe0EZE&|I{O
z8jDzoh2FOAkdHwV%BP{xY~N9r^@_SWt0YG|WtCL)p)m-d)DOl)(Zgd@3t6<LD4kUY
z=*T_<0}p(#xyQ{`w1LTO4qW$}1%9Wu%sB7kW(zl~nvG_o-J}99$mnl#6jWZXSixF9
zj#4yL4HEvZRJ~YR#!R{qj7wbM|3xP*2mbnGeei=3Y^qVh7$OvEoP2^X`CACdrwG$j
zkg7mFLzpGZ{Z{A67YK`lCH<0lcZN|nFq2h%?W}RB-<(}{i28J%8rHsB@Otc=qF)Si
Ks`$F)=J^l&&{qWj

diff --git a/handler/__pycache__/spice.cpython-36.pyc b/handler/__pycache__/spice.cpython-36.pyc
index a9aa356def270f831d09614cd09d32bf5b14d0be..aa64e2cf6ab0051399be54233221f4b42b31fb8f 100644
GIT binary patch
delta 297
zcmXAh%}T>S6ou#JziCqgYIfqpl`RN@uOYf{rATPV4<=0$J2O#C6T0Zujm$H2E0k_s
zWheL!f?Hq0NnIT7;XC)7kK+wCFD%Ra`o5hk_crEQUtS`FYLuc7R?x@{YIy~Kn3T$$
zYZO709Z^!XbB)R%lsY0>TCMIf2zRXz-Jp?jMaE*YI!I}eV@CX(#s!(-Vv1e2I;T+{
zV)hVWn#{_~AG1V!C3#$663xqqGEB=Lh$xNAEPHWXccha;u}2*Kt1lc|SR|Q}@h=b;
zsuN!8N82}JAK;#^dlR_hn%P3YKTQvOe%k+mDen(FNO(GEVb0Gi4<7le)xtBs9(wS!
OeIKgOb8Ou<gtR}y1WfJ#

delta 179
zcmdm}ut%QDn3tDJA|o{658p<vrR+933=9l43|R~*jLnR-%q5IjOf}3v7E1|p7E28a
zki`m=WvyXtW@KbYVF+f>Wb!N00_xFZD-xX?!BNe}0pu_+ae-l#(&QR;+0AU6!i<ce
zlcl&47=tHQa~)!gnQX@$#~3wvF83qGl*tV|ag0fm@ADjD%$mH2H;yrLG9%w1#)8R5
W_~IDzH!JhAGIH_@unTYiF&hAgPAUih

diff --git a/handler/sim_data_container.py b/handler/sim_data_container.py
index 26cc968..57f2507 100644
--- a/handler/sim_data_container.py
+++ b/handler/sim_data_container.py
@@ -3,17 +3,20 @@
 class Sim_Data_Container :
     def __init__(self):
         self.sim_type = {'transient':False,'ac':False,'dc':False}
-        # self.analysis = None
+
         self.result = {}
         print('container initial sucessfully !!!')
     
     def load_analysis(self, simtype, analysis):
-        print()
         self.sim_type[simtype] = True
-        # self.analysis = analysis
-        # print("loading analysising")
+
         if(simtype == 'transient'):
             self.parse_transient(analysis)
+        elif(simtype == 'dc'):
+            self.parse_dc(analysis)
+        elif(simtype == 'ac'):
+            pass
+            
 
     
     def del_analysis(self):
@@ -21,7 +24,7 @@ class Sim_Data_Container :
         self.result = {}
     
     def parse_transient(self, analysis):
-        # print('parsing the transient analysising !!!')
+
         result_tran = {}
         result_tran['time'] = [float(i) for i in analysis.time]
         result_tran['nodes_name'] = list(analysis.nodes.keys())
@@ -38,5 +41,24 @@ class Sim_Data_Container :
 
         self.result['transient'] = result_tran
 
+
+    def parse_dc(self, analysis):
+        result_dc = {}
+        result_dc['sweep'] = [float(i) for i in analysis.sweep]
+        result_dc['nodes_name'] = list(analysis.nodes.keys())
+        nodes = {}
+        nodes = {}
+        for i in result_dc['nodes_name'] :
+            nodes[i] = [float(j) for j in analysis.nodes[i]]
+        result_dc['nodes'] = nodes
+
+        result_dc['branches_name'] = list(analysis.branches.keys())
+        branches = {}
+        for i in result_dc['branches_name']:
+            branches[i] = [float(j) for j in analysis.branches[i]]
+        result_dc['branches'] = branches
+
+        self.result['dc'] = result_dc
+
     def simulation_info_request(self, simtype):
         return self.result[simtype]
diff --git a/handler/simulation.py b/handler/simulation.py
index 34ff8ea..410d4c6 100644
--- a/handler/simulation.py
+++ b/handler/simulation.py
@@ -30,7 +30,7 @@ class Simulator_CZ :
     def Sim(self, sim_type,properties):
 
         parameter = self.Properties_Parse(sim_type,properties)
-        # print("parameter:\n",parameter)
+        print("parameter:\n",parameter)
         self.simulator = self.circuit.simulator(temperature=25, nominal_temperature=25)
         # print('simulator:\n',self.simulator)
         if(sim_type == 'transient'):
@@ -39,10 +39,22 @@ class Simulator_CZ :
                                                      start_time = parameter['start_time'],
                                                      max_time = parameter['max_time'], 
                                                      use_initial_condition = parameter['use_initial_condition'])
-            # print(self.analysis)
             return self.analysis
         elif(sim_type == 'dc' ):
-            pass
+            print("doing the dc simulation !!!")
+            src_name = parameter['src_name']
+            vstart = parameter['start']
+            vstop = parameter['stop']
+            vstep = parameter['step']
+            the_args = "{} = slice({},{},{})".format(src_name, vstart, vstop, vstep)
+
+            exec("self.analysis = self.simulator.dc( {} )".format(the_args))
+
+            print("dc simulation finished !!!")
+            # print(self.analysis)
+            
+            return self.analysis
+
         elif(sim_type == 'ac' ):
             pass
         else:
@@ -60,7 +72,11 @@ class Simulator_CZ :
             parameter["use_initial_condition"] = self.unit_tran(properties["use_initial_condition"])
 
         elif(sim_type == 'dc' ):
-            pass
+            parameter["src_name"]   = properties["src"]
+            parameter["start"]      = properties["start"]
+            parameter["stop"]      = properties["stop"]
+            parameter["step"]      = properties["step"]
+
         elif(sim_type == 'ac' ):
             pass
 
@@ -109,13 +125,13 @@ class Simulator_CZ :
                 else:
                     the_num = float(0)     
                 return u_us(the_num)      
-         # 无单位时的情况
+        # 无单位时的情况
         else:  
             if(unit_num != []):
                 the_num = float(unit_num[0])
             else:
                 the_num = float(0)            
             return the_num
-        pass
+        
 
 
diff --git a/handler/spice.py b/handler/spice.py
index 98eef15..6876c79 100644
--- a/handler/spice.py
+++ b/handler/spice.py
@@ -70,11 +70,18 @@ class SimulationInfoRequest_Handler(AuthBaseHandler):
     def post(self,*args,**kwargs):
         sim_type = self.get_argument('sim_type')
 
+        print(sim_type)
+
         sim_info = Container_SimResult.simulation_info_request(sim_type)
         # sim_info = {'ab':1,'cd':2,'ef':'d2','hello':[1,2,3,4,5]}
+        print(sim_info)
+
         sim_info_json = json.dumps( sim_info )
-        # print('json transform ok !!')
+        print('json transform ok !!')
+        
         self.write( sim_info_json )
+        print("send the simulation info request successfully!!!")
+
         # self.write(json_decode(sim_info))
         # self.write("successful")
 
diff --git a/static/spice/show_result2.js b/static/spice/show_result2.js
index 49e147b..17caed3 100644
--- a/static/spice/show_result2.js
+++ b/static/spice/show_result2.js
@@ -1,37 +1,239 @@
-// create some data and a ColumnDataSource
+/*  基于bokeh.js库文件
+    使用该文件前请现在html加载相关js文件*/
 
-var source = new Bokeh.ColumnDataSource({ data: { x: [], y: [] } });
+// 仿真结果数据
+var SimResult = {} ;
+var Flag_Refresh = {"transient":false,"dc":false,"ac":false} ;
+
+var color_store = ["blue","brown","cyan","green","orange","pink","purple","red","whitesmoke","yellow"];
+// create a data source to hold data
+// var the_source = new Bokeh.ColumnDataSource({
+//     data: { x: [], y: [], color: [] }
+// });
 
 
-// make the plot
-var plot = Bokeh.Plotting.figure({
-    title: "BokehJS Plot",
-    plot_width: 400,
-    plot_height: 400,
-    background_fill_color: "#F2F2F7"
-});
-var count = 0 ;
+function openMode_Bokeh(evt, tabMode) {
+    var i, tabcontent, tablinks;
+    tabcontent = document.getElementsByClassName("tabcontent");
+    for (i = 0; i < tabcontent.length; i++) {
+      tabcontent[i].style.display = "none";
+    }
+    tablinks = document.getElementsByClassName("tablinks");
+    for (i = 0; i < tablinks.length; i++) {
+      tablinks[i].className = tablinks[i].className.replace(" active", "");
+    }
+    document.getElementById(tabMode).style.display = "block";
+    evt.currentTarget.className += " active";
+};
 
-function Callback_Refresh(){
-    source.data.x = [];
-    source.data.y = [];
-        // var the_x = SimResult["time"];
-        var the_x = [2,4] ; 
+function plotPoint_tran() {
 
-            // var the_y = SimResult["nodes"][the_nodes_name[i]] ;
-         var the_y = [1+count,3+count];
-         source.data.x.push(the_x);
-        source.data.y.push(the_y);
-  count = count+1;
-        source.change.emit();
+    if(Flag_Refresh['transient'] == true){
+        
+        the_source.data.x = [];
+        the_source.data.y = [];
+        the_source.data.color = [];
+
+
+        console.log("Flag_Refresh = true !");
+        var the_nodes_name = SimResult['transient']["nodes_name"];
+
+        var the_x = SimResult['transient']["time"];
+        for(var i=0; i < the_nodes_name.length; i++){
+            var the_y = SimResult['transient']["nodes"][the_nodes_name[i]] ;
+            the_source.data.x.push(the_x);
+            the_source.data.y.push(the_y);
+            the_source.data.color.push(color_store[i%color_store.length]);
+        }
+        the_source.change.emit();
+    }
+    else{
+        alert("The information has not been updated !!!");
+    }
+};
+function plotPoint_dc() {
+
+    if(Flag_Refresh['dc'] == true){
+        
+        the_source.data.x = [];
+        the_source.data.y = [];
+        the_source.data.color = [];
+
+        console.log("Flag_Refresh = true !");
+        var the_nodes_name = SimResult['dc']["nodes_name"];
+
+        var the_x = SimResult['dc']["sweep"];
+        for(var i=0; i < the_nodes_name.length; i++){
+            var the_y = SimResult['dc']["nodes"][the_nodes_name[i]] ;
+            the_source.data.x.push(the_x);
+            the_source.data.y.push(the_y);
+            the_source.data.color.push(color_store[i%color_store.length]);
+        }
+        the_source.change.emit();
+    }
+    else{
+        alert("The information has not been updated !!!");
+    }
+};
+function plotPoint_ac() {
+
+    if(Flag_Refresh['ac'] == true){
+        
+        the_source.data.x = [];
+        the_source.data.y = [];
+        the_source.data.color = [];
+
+        console.log("Flag_Refresh = true !");
+        var the_nodes_name = SimResult['ac']["nodes_name"];
+
+        var the_x = SimResult['ac']["fre"];
+        for(var i=0; i < the_nodes_name.length; i++){
+            var the_y = SimResult['ac']["nodes"][the_nodes_name[i]] ;
+            the_source.data.x.push(the_x);
+            the_source.data.y.push(the_y);
+            the_source.data.color.push(color_store[i%color_store.length]);
+        }
+        the_source.change.emit();
+    }
+    else{
+        alert("The information has not been updated !!!");
+    }
+};
+function PlotSimulationResult(sim_type){
+    if(sim_type == "transient"){
+        plotPoint_tran();
+    }
+    else if(sim_type == "dc"){
+        plotPoint_dc();
+    }
+    else if(sim_type == 'ac'){
+        plotPoint_ac();
+    }
+};
+
+
+function requestSimInfo(sim_type){
+    var data = new Object();
+    var sim_result ;
+
+    data["sim_type"] = sim_type;
+    console.log(sim_type);
+    console.log(data);
+
+    $.ajax({
+        type: 'POST',
+        url: "/getsiminfo",
+        data: data,
+        async:false,    // 必须关闭异步！！！
+        dataType: "json",
+        success: function (siminfo) {
+            console.log("load sim result successfully !!");
+            sim_result = siminfo;
+        },
+        error: function(){
+            alert('ajax post failed !!!');
+        }
+    });    
+    return sim_result ;
+};
+
+
+function Callback_Refresh(sim_type){
+    SimResult[sim_type] = requestSimInfo(sim_type);
+    Flag_Refresh[sim_type] = true;
+};
+
+
+
+// bokeh组件相关变量
+var bokeh_plot = [] ;
+var the_source = {} ;
+
+
+// 添加 Tab 组件
+var sim_mode = ['transient', 'dc', 'ac'];
+
+var div_node = document.createElement('div');
+var div_tab = document.createElement('div');
+div_tab.setAttribute('class','tab');
+div_node.appendChild(div_tab);
+
+var frame = $("#show_result");
+frame.append(div_node);
+
+
+for(var i=0; i<sim_mode.length; i++){
+    the_source[sim_mode[i]] = new Bokeh.ColumnDataSource({
+        data: { x: [], y: [], color: [] }
+    });    
 }
 
-plot.multi_line({field:"x"},{field:"y"},{source:source});
-// plot.multi_line([[1,2,3],[1,2,3]],[[2,4,6],[7,8,9]]);
+// 创建tab
+for(var i=0; i<sim_mode.length; i++){
+    var div_mode =  document.createElement('button');
+    div_mode.setAttribute('class',"tablinks");
+    div_mode.setAttribute('onclick',"openMode_Bokeh(event, 'ShowResult"+ sim_mode[i] +"')");
 
-Bokeh.Plotting.show(plot,'#bokeh_01');
+    div_mode.innerHTML = sim_mode[i] ;
 
-var RefreshButton = document.createElement("Button");
-RefreshButton.appendChild(document.createTextNode("Refresh"));
-document.currentScript.parentElement.appendChild(RefreshButton);
-RefreshButton.addEventListener("click", Callback_Refresh);
\ No newline at end of file
+    div_tab.appendChild(div_mode);
+};
+
+for(var i=0; i<sim_mode.length; i++){
+    var div_mode =  document.createElement('div');
+    div_mode.setAttribute('class',"tabcontent");
+    div_mode.setAttribute('id',"ShowResult"+sim_mode[i]);
+
+    var div_plot = document.createElement('div');
+    div_plot.setAttribute('id', 'ResultPlot'+sim_mode[i] );
+    div_mode.appendChild(div_plot);
+
+
+    var div_button = document.createElement('div');
+    div_button.setAttribute('id', 'button'+sim_mode[i] );
+    div_mode.appendChild(div_button);
+
+    div_node.appendChild(div_mode);
+
+    var RefreshButton = document.createElement("Button");
+    RefreshButton.appendChild(document.createTextNode("Refresh"));
+    document.currentScript.parentElement.appendChild(RefreshButton);
+    // RefreshButton.addEventListener("click", Callback_Refresh);
+    RefreshButton.onclick = function(){
+        Callback_Refresh(sim_mode[i]);
+    };
+    div_button.appendChild(RefreshButton);
+
+    var addDataButton = document.createElement("Button");
+    addDataButton.appendChild(document.createTextNode("Plot"));
+    document.currentScript.parentElement.appendChild(addDataButton);
+    // addDataButton.addEventListener("click", plotPoint_tran);
+    addDataButton.onclick = function(){
+        PlotSimulationResult(sim_mode[i]);
+    };
+    div_button.appendChild(addDataButton);
+
+    // div_tab.appendChild(div_mode);
+};
+
+for(var i=0; i<sim_mode.length; i++){
+    bokeh_plot[i] =  Bokeh.Plotting.figure({
+        title: sim_mode[i],
+        tools: "pan,wheel_zoom,box_zoom,reset,save",
+        height: 300,
+        width: 400,
+        background_fill_color: "#F2F2F7"
+    });
+
+    // add a line with data from the source
+    bokeh_plot[i].multi_line({field:"x"},{field:"y"},{
+        source: the_source[sim_mode[i]],
+        color: {field:"color"},
+        line_width: 2
+    });
+    // Bokeh.Plotting.show(bokeh_plot[i],'#ResultPlot'+sim_mode[i]);
+};
+
+for(var i=0; i<sim_mode.length; i++){
+    Bokeh.Plotting.show(bokeh_plot[i],'#ResultPlot'+sim_mode[i]);
+};
diff --git a/template/schematic/schematic.html b/template/schematic/schematic.html
index 249ad10..a71ee26 100644
--- a/template/schematic/schematic.html
+++ b/template/schematic/schematic.html
@@ -1202,7 +1202,7 @@ function showOutline(graph)
                 // let spice = get_spice(graph);
                 
                 var frame = document.createElement('div');
-                frame.setAttribute('id','bokeh_02');
+                frame.setAttribute('id','simulator');
 
                 // var x = document.createElement('script');
                 // x.setAttribute('src','static/spice/bokeh_02.js');
@@ -1308,10 +1308,10 @@ function showOutline(graph)
 			{
 
                 var frame = document.createElement('div');
-                frame.setAttribute('id','bokeh_01');
+                frame.setAttribute('id','show_result');
 
                 var x = document.createElement('script');
-                x.setAttribute('src','static/spice/show_result.js');
+                x.setAttribute('src','static/spice/show_result2.js');
 
                 frame.appendChild(x);