javascript - Previous Rows/Markers disappear once new rows/markers are created in Google Scatter Chart -

-

i creating google scatter chart. want dynamically update markers/rows. problem while being updated dynamically, each time new row created previous 1 disappears. want see new rows old ones. rows being dynamically updated combobox item selection. however, previous row disappears when new combobox item selected. want see row on chart. code is::

<script type="text/javascript">     var i=0;     google.load("visualization", "1", {packages:["corechart"]});     google.setonloadcallback(drawchart);               function drawchart()         {         var data = new google.visualization.datatable();         var struser=[0];         var struser2=[0];         if(i==0)         {          var struser=[0];          var struser2=[0];                  }         else         {                      var a= document.getelementbyid("combo1");         struser[i] = parseint(a.options[a.selectedindex].value);                            var b= document.getelementbyid("combo2");         struser2[i] = parseint(b.options[b.selectedindex].value);          }         var options =          {           title: 'x vs. y ',           legend: { position: 'top', maxlines: 150 },           haxis: {title: 'x', minvalue: 0, maxvalue: 15},           vaxis: {title: 'y', minvalue: 0, maxvalue: 15},         };          data.addcolumn('number', 'x');          data.addcolumn('number', 'y');          var chart = new google.visualization.scatterchart(document.getelementbyid('chart_div'));;          for(j=0;j<=i;j++)         {         data.addrows(i+1);         data.addrows([[struser[j],struser2[j]]]);            }         i=i+1;         chart.draw(data, options);                            } html: <body> <select name="combo1" id="combo1" onchange="drawchart()">   <option value="0">x</option>   <option value="0">0</option>   <option value="1">1</option>   <option value="2">2</option>   <option value="3">3</option>   <option value="4">4</option>   <option value="5">5</option>   <option value="6">6</option>   <option value="7">7</option>   <option value="8">8</option>   <option value="9">9</option>   <option value="10">10</option>   </select> <select name="combo2" id="combo2" onchange="drawchart()">   <option value="0">y</option>   <option value="0">0</option>   <option value="1">1</option>   <option value="2">2</option>   <option value="3">3</option>   <option value="4">4</option>   <option value="5">5</option>   <option value="6">6</option>   <option value="7">7</option>   <option value="8">8</option>   <option value="9">9</option>   <option value="10">10</option>   </select> </body>

you create new datatable, keep previous values must store datatable somewhere when call drawchart first time , use stored datatable in subsequent calls.

example(stores datatable property of node draw chart)

    var i=0;      google.load("visualization", "1", {packages:["corechart"]});      google.setonloadcallback(drawchart);                function drawchart()          {          var container=document.getelementbyid('chart_div');          if(!container.datatable){            container.datatable = new google.visualization.datatable();            container.datatable.addcolumn('number', 'x');            container.datatable.addcolumn('number', 'y');          }          data=container.datatable                    var struser=[0];          var struser2=[0];          if(i==0)          {           var struser=[0];           var struser2=[0];                   }          else          {                       var a= document.getelementbyid("combo1");          struser[i] = parseint(a.options[a.selectedindex].value);                             var b= document.getelementbyid("combo2");          struser2[i] = parseint(b.options[b.selectedindex].value);           }          var options =           {            title: 'x vs. y ',            legend: { position: 'top', maxlines: 150 },            haxis: {title: 'x', minvalue: 0, maxvalue: 15},            vaxis: {title: 'y', minvalue: 0, maxvalue: 15},          };                      var chart = new google.visualization.scatterchart(container);            for(j=0;j<=i;j++)          {          data.addrows([[struser[j],struser2[j]]]);             }          i=i+1;          chart.draw(data, options);                             }
   <script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.1','packages':['corechart']}]}"></script>  <select name="combo1" id="combo1" onchange="drawchart()">    <option value="0">x</option>    <option value="0">0</option>    <option value="1">1</option>    <option value="2">2</option>    <option value="3">3</option>    <option value="4">4</option>    <option value="5">5</option>    <option value="6">6</option>    <option value="7">7</option>    <option value="8">8</option>    <option value="9">9</option>    <option value="10">10</option>    </select>  <select name="combo2" id="combo2" onchange="drawchart()">    <option value="0">y</option>    <option value="0">0</option>    <option value="1">1</option>    <option value="2">2</option>    <option value="3">3</option>    <option value="4">4</option>    <option value="5">5</option>    <option value="6">6</option>    <option value="7">7</option>    <option value="8">8</option>    <option value="9">9</option>    <option value="10">10</option>    </select>  <div id="chart_div" ></div>


Comments

Post a Comment

Popular posts from this blog

matlab - error with cyclic autocorrelation function -

-
Image
i'm trying code cyclic autocorrelation function in matlab follows: t=0:(n-1); t=t*te; i_alpha=0; tau=-n2*te:te:n2*te; alpha=-1/2:1/n:1/2; ryy_cl=zeros(length(alpha),length(tau)); alpha=alpha/te ind_tau=0; i_alpha=i_alpha+1; k=tau ind_tau=ind_tau+1; if k>0 % ryy_cl(i_alpha,ind_tau)=1/length(sig_bin_syl_mod(1:end- k))*sum((sig_bin_syl_mod(1:end-k)).*sig_bin_syl_mod(k+1:end)).*exp(1i*2*pi*alpha*t(1+k:length(sig_bin_syl_mod(1:end)))); ryy_cl(i_alpha,ind_tau)=(1/n)*sum((sig_bin_syl_mod(1:end-k)).*sig_bin_syl_mod(k+1:end)).*exp(-1i*2*pi*alpha*t(1:end-k)); else ryy_cl(i_alpha,ind_tau)=(1/n)*sum((sig_bin_syl_mod(1-k:end)).*sig_bin_syl_mod(1:end+k)).*exp(-1i*2*pi*alpha*t(1-k:end)); end end end i'm getting errors, , doesn't show expecting. according below formulae, how can fix it? the code provided incomplete, difficult confidently reproduce error. in particular, haven't de...
Read more

django - (fields.E300) Field defines a relation with model 'AbstractEmailUser' which is either not installed, or is abstract -

-
i trying create customuser django project email username , add radio button truck , company. in registration process email-id registered per truck or company. mentioned radio button 'tag' , add manytomany field tag in emailuser model. when makemigrations, raising error : (fields.e300) field defines relation model 'abstractemailuser' either not installed, or abstract. i quite new django , not sure whether have created correct code wants. please me solving this. here code, models.py: import django django.contrib.auth.models import ( abstractbaseuser, baseusermanager, permissionsmixin) django.core.mail import send_mail django.db import models django.utils import timezone django.utils.translation import ugettext_lazy _ class emailusermanager(baseusermanager): """custom manager emailuser.""" def _create_user(self, email, password, is_staff, is_superuser, **extra_fields): """create , save emailus...
Read more

c# - What is a good .Net RefEdit control to use with ExcelDna? -

-
i using exceldna , c# build suite of tools. part of forms i'd want user select cells/ranges workbook. i've got application.inputbox route working...but doesn't cool... i haven't read many things excel's refedit control, , see many have in past written workarounds, in (shudder) vba or vb.net. however, none of these seem recent... best approach/control refedit functionality on form run via exceldna (if applicable)? the refedit sample project of github explores different ways of dealing threading when showing form excel add-in, main issue making refedit control .net add-in. check page links various other implementations: https://github.com/excel-dna/exceldna/wiki/links-about-refedit
Read more