javascript - Chart rendering issue with resizing container -


i have two question chart rendering when container resized.

first thing is, how render chart correctly when container resized..

i.e. maximize / restore problem, @ first rendering works fine, when restore size of window, charts begin overlay previous size. can see following pics: enter image description hereenter image description here

i know if set resize handler (and wait small amount of time) refresh chart whenever window resized, problem can solved. thinking whether there other approaches let chart flow right size without refreshing chart every time.

the second thing is: if charting area in <div> container, , size of container change resize bar. use following code work window resizing. won't work moving resize bar. 

$(window).resize(function () { settimeout(function () { createchart(chartdata); }, 300); });

note: grid component works fine in case , chart having troubles. using highcharts, kendoui grid , both of them rendered in jqueryui portlets.

any comments appreciated!this problem has taken me long time..

update: since think explanation of issue not clear enough, added jsfiddle example better understanding. want 2 things: 1. reflow size of chart fit container when window resizing; 2. reflow size of chart fit container when resize bar moving.

i using plugins highcharts charting, jquery ui layout layout management in example. other plugins using, please refer here, not sure whether have conflicts.

thanks!

i don't believe want can accomplished without hooking resize event , redrawing chart.

to solve "div" resize problem, @ this allows bind resize event things other window (it case "container" div).

here's fiddle of in action.


Comments

Post a Comment

Popular posts from this blog

javascript - backbone.js Collection.add() doesn't `construct` (`initialize`) an object -

<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="http://documentcloud.github.com/underscore/underscore-min.js"></script> <script src="http://documentcloud.github.com/backbone/backbone-min.js"></script> </head> <body> <button id="cmd_create_event" name="cmd_create_event" type="button">create new `event`</button> <script type="text/javascript"> var eventmodel = backbone.model.extend({ initialize : function() { console.log("`event` initialized. id: " + this.cid); this.bind("change:status", function() { console.log(this.get("status") + " value `status`"); }); this.bind("error", function(model, e...
Read more

c++ - Accessing inactive union member and undefined behavior? -

i under impression accessing union member other last 1 set ub, can't seem find solid reference (other answers claiming it's ub without support standard). so, undefined behavior? the confusion c explicitly permits type-punning through union, whereas c++ ( c++11 ) has no such permission. c11 6.5.2.3 structure , union members 95) if member used read contents of union object not same member last used store value in object, appropriate part of object representation of value reinterpreted object representation in new type described in 6.2.6 (a process called ‘‘type punning’’). might trap representation. the situation c++: c++11 9.5 unions [class.union] in union, @ 1 of non-static data members can active @ time, is, value of @ 1 of non-static data members can stored in union @ time. c++ later has language permitting use of unions containing struct s common initial sequences; doesn't permit type-punning. to determine whether union type-punning is allowe...
Read more

php - Get uncommon values from two or more arrays -

is there function in php give array of uncommon values 2 or more arrays? for example: $array1 = array( "green", "red", "blue"); $array2 = array( "green", "yellow", "red"); .... $result = function_needed($array1, $array2,...); print_r($result); should give output: array("blue", "yellow", ...); use array_diff , array_merge : $result = array_merge(array_diff($array1, $array2), array_diff($array2, $array1)); here's demo. for multiple arrays, combine callback , array_reduce : function unique(&$a, $b) { return $a ? array_merge(array_diff($a, $b), array_diff($b, $a)) : $b; } $arrays = array( array('green', 'red', 'blue'), array('green', 'yellow', 'red') ); $result = array_reduce($arrays, 'unique'); and here's demo of that.
Read more