javascript - Google chart redraw onclick -


i trying make chart data selectable through various dropdown menu's , date selector. can't seem find way pass new data in chart on click event. got working far onclick, draws entire new chart. doesn't seem way me.

so there other way this? html:

<div id="piechart" style="width: 450px; height: 500px;"></div>      <div class="date-selector-container">        <div class="btn-group">           <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">                         jaar <span class="caret"></span>            </button>            <ul class="dropdown-menu" role="menu">               <li><a class="2015-btn" href="#">2015</a></li>               <li><a href="#">2014</a></li>               <li><a href="#">2013</a></li>            </ul> </div>

js:

google.load("visualization", "1", {packages:["corechart"], "callback": drawchart}); google.setonloadcallback(drawchart);  function drawchart() {  var data = google.visualization.arraytodatatable([     ['task', 'hours per day'],     ['work',     1],     ['eat',      22],     ['commute',  32],     ['watch tv', 42],     ['sleep',    75] ]);  var options = {      chartarea: {width:'100%',height:'100%'},      forceiframe: 'false',      is3d: 'true',      pieslicetext: 'value',      slicevisibilitythreshold: 1/20, // > 5% shown.      titleposition: 'none'  };   var chart = new google.visualization.piechart(document.getelementbyid('piechart'));  chart.draw(data, options); }   });  //on button click, load new data $(".2015-btn").click(function(){ google.load("visualization", "1", {packages:["corechart"], "callback": drawchart}); google.setonloadcallback(drawchart);  function drawchart() {  var data = google.visualization.arraytodatatable([     ['task', 'hours per day'],     ['work',     11],     ['eat',      2],     ['commute',  2],     ['watch tv', 2],     ['sleep',    7] ]);  var options = {      chartarea: {width:'100%',height:'100%'},      forceiframe: 'false',      is3d: 'true',      pieslicetext: 'value',      slicevisibilitythreshold: 1/20, // > 5% shown.      titleposition: 'none'  };   var chart = new google.visualization.piechart(document.getelementbyid('piechart'));  chart.draw(data, options); } });

change js below.

create chart variable outside drawchart function , instead of creating new chart use everywhere 1 have.

working example here jsfiddle

google.load("visualization", "1", {packages:["corechart"], "callback": drawchart}); google.setonloadcallback(drawchart);  var chart;  function drawchart() {      var data = google.visualization.arraytodatatable([         ['task', 'hours per day'],         ['work',     1],         ['eat',      22],         ['commute',  32],         ['watch tv', 42],         ['sleep',    75]     ]);      var options = {          chartarea: {width:'100%',height:'100%'},          forceiframe: 'false',          is3d: 'true',          pieslicetext: 'value',          slicevisibilitythreshold: 1/20, // > 5% shown.          titleposition: 'none'      };       chart = new google.visualization.piechart(document.getelementbyid('piechart'));      chart.draw(data, options); }   $(document).ready(function(){ //on button click, load new data     $(".2015-btn").click(function() {          var data = google.visualization.arraytodatatable([             ['task', 'hours per day'],             ['work', 11],             ['eat', 2],             ['commute', 2],             ['watch tv', 2],             ['sleep', 7]         ]);          var options = {              chartarea: { width: '100%', height: '100%' },              forceiframe: 'false',              is3d: 'true',              pieslicetext: 'value',              slicevisibilitythreshold: 1 / 20, // > 5% shown.              titleposition: 'none'          };         chart.draw(data, options);      }); });

Comments

Post a Comment

Popular posts from this blog

Magento/PHP - Get phones on all members in a customer group -

i working on custom magento extension. working around adminhtml part , i've created custom form there. here form code: <?php class vivasindustries_smsnotification_block_adminhtml_sms_sendmass_edit_form extends mage_adminhtml_block_widget_form { public function _preparelayout() { $extensionpath = mage::getmoduledir('js', 'vivasindustries_smsnotification'); $head = $this->getlayout()->getblock('head'); $head->addjs('jquery.js'); $head->addjs('vivas.js'); return parent::_preparelayout(); } protected function _prepareform() { $form = new varien_data_form(array( 'id' => 'edit_form', 'action' => $this->geturl('*/*/save', array('id' => $this->getrequest()->get...
Read more

php - Bypass Geo Redirect for specific directories -

i'm trying bypass redirect specific url within site. wondering if might able help. the code below code use, original urls replaces example.com i'd able access http://example.com/admin without redirect occuring. is there way this, , there way using own ip? function country_geo_redirect() { $country = getenv('http_geoip_country_code'); if ($country == "us" ) { wp_redirect("http://usa.example.com/"); exit; } else if ($country == "gb" ) { wp_redirect("http://uk.example.com/"); exit; } } add_action('init', 'country_geo_redirect'); you can bypass redirection code if server found ip address. if ip address == <my ip address> ' nothing here else country_georedirect() end if
Read more

php - .htaccess mod_rewrite for dynamic url which has domain names -

i want convert url ex:( example.com/link.php?url=facebook.com ) ( example.com/facebook.com.php ) how can using .htaccess. or there other process make job easier ? i tried adding script .htaccess file options +followsymlinks rewriteengine on rewriterule url-(.*)\.htm$ link.php?url=$1 but converting url adding "url-" ( example.com/url-facebook.com.php ) i want remove "url-" , want make ( example.com/facebook.com.php ) rewriteengine on rewritecond %{the_request} ^get.*link\.php\?url\= [nc] rewritecond %{request_uri} !/system/.* [nc] rewriterule (.*?)link\.php\?url\=/*(.*) /$1$2 [r=301,ne,l] not sure how above work edit of used use remove index.php url
Read more