javascript - Stop Highcharts overwriting containers -

-

i wrote javascript function produce graphs inputed csv files. addresses of multiple csv files in graph_data.

the reason making loop , not separate because number of csv files in "graph_data" can vary.

this function seems work 1 shows graph of last csv , not earlier csv files. if change how many times loop runs produces other graphs never of them on same html page.

i think highcharts overwriting previous graphs don't know how fix it.

javascript:

      <script type="text/javascript">       var arraylength = {{graph_data}}.length;        (var = 0; < arraylength; i++) {           data = ({{graph_data}}[i]);            var container="#container"+i;            $.get(data, function(csv) {                $(container).highcharts({                   chart: {                       zoomtype: 'x',                       type: 'column',                       renderto: 'container'+i                   },                   data: {                       csv: csv,                       linedelimiter: "\n"                   },                   title: {                       text: "title"                   },                   yaxis: {                       title: {                           text: 'units'                       }                   },                   plotoptions: {                       series: {                           marker: {                               enabled: false                           }                       }                   }               });            });       }        </script>

html:

<div id="container0" style="width:100%; height:1400px;"></div>         <div id="container1" style="width:100%; height:1400px;"></div>

use jquery.each() or array.prototype.foreach().

jquery.each():

$.each({{graph_data}}, function (i, data) {   $.get(data, function(csv) {     $('#container' + i).highcharts({       chart: {         zoomtype: 'x',         type: 'column',       },       data: {         csv: csv,         linedelimiter: "\n"       }     });   }); });

array.prototype.foreach():

{{graph_data}}.foreach(function (data, i) {   $.get(data, function(csv) {     $('#container' + i).highcharts({       chart: {         zoomtype: 'x',         type: 'column',       },       data: {         csv: csv,         linedelimiter: "\n"       }     });   }); });

why?

see question , answers.

javascript closure inside loops – simple practical example


Comments

Post a Comment

Popular posts from this blog

Hatching array of circles in AutoCAD using c# -

-
i beginner in autocad plugins .i have created array of circle using following code. now, have hatch circles in array .how that??how hatch circles @ once? moreover, how can return hatch method , use hatch objects.sorry language.thanks in advance. [assembly: commandclass(typeof(beamsection.class1))] namespace beamsection { public class class1 { //class1 obj = new class1(); [commandmethod("beamatsupport")] public void addlightweightpolyline() { // current document , database document acdoc = application.documentmanager.mdiactivedocument; database accurdb = acdoc.database; promptpointresult ppr = acdoc.editor.getpoint("\nselect starting point "); var ucs = acdoc.editor.currentusercoordinatesystem; point3d startingpt = ppr.value.transformby(ucs); list<double> radius = new list<double>(); radius.add(0.5);
Read more

ios - UITEXTFIELD InputView Uipicker not working in swift -

-
hello trying pop uipickerview view programmatically when user clicks on textfield. have tried doesn't doing anything. isn't working. nothing happening when click textfield class userprofiletableviewcontroller: uitableviewcontroller,uitextfielddelegate,uipickerviewdelegate,uipickerviewdatasource { var itempicker: uipickerview! = uipickerview() @iboutlet weak var gendertxtfield: uitextfield! var gender = ["male","female"] override func viewdidload() { super.viewdidload() gendertxtfield.delegate = self itempicker!.delegate = self itempicker!.datasource = self itempicker!.backgroundcolor = uicolor.blackcolor() self.gendertxtfield.inputview = itempicker } func numberofcomponentsinpickerview(pickerview: uipickerview) -> int{ return 1 } // returns # of rows in each component.. func pickerview(pickerview: uipickerview, numberofrowsincomponent component:
Read more