d3.js - D3. Histogram Layout. How do I recalculate the histogram on the fly? -

-

i have histogram created datasource.

this.histogramdatasource = d3.layout.histogram()     .value (function(d) { return d.score; })     .bins(binthresholds) (self.datasource);

that render thusly

histogramrects = histogramgroup.selectall('.svg_container rect')     .data(histogram.histogramdatasource)     .enter().append("rect")     .attr({         x:      function(d) { return histogram.x(d);       },         width:  function(d) { return histogram.width(d);   },         y:      function(d) { return histogram.y(d);       },         height: function(d) { return histogram.height(d);  }     })     .attr("fill",  function(d) { return scarpa.connectivityscorehistogram.fillcolor(); });

based on user input want filter input datasource, recalculate histogram , re-render. thought this:

this.histogramdatasource(filtered_data_source);

but generates errors. have missed here?

i think need keep reference original histogram builder:

this.histogramlayout = d3.layout.histogram()     .value (function(d) { return d.score; })     .bins(binthresholds);  this.histogramdatasource = this.histogramlayout(self.datasource);

then

this.histogramdatasource = this.histogramlayout(filtered_data_source);

however, keep in mind recalculating entire histogram scratch might bit slow larger data sets. if want interactive filtering might want @ crossfilter.


Comments

Post a Comment

Popular posts from this blog

java - HTTP Status 500 - An exception occurred processing JSP page /second.jsp at line 15 -

-
this question has answer here: what nullpointerexception, , how fix it? 12 answers i have 4 pages on jsp web project student showing details db.. have used tomcat web server. index.html <body> <h1> student search page</h1> <form action="second.jsp"> <h2> enter id search details</h2> <input type=text name=id1 /> <br/> <input type=submit value=search /> </form> </body> second.jsp <body> <% string id =(request.getparameter("id1")); studentdao std=new studentdao(); student s=std.searchinfo("id"); %> <h1> <%=s.showstudent()%></h1> </body> student.java import java.io.*; public class student implements serializable { string name; string id1,phone,clas; ...
Read more

php - Using str_replace to translate a MySQL Table in html -

-
i have website contains pricelist of cs:go items. now, how did this: mysql db w/ prices --> select db x ( item name ) --> echo table ( works fine ) now want translation of item names. how planned it: mysql db --> $result= ( signature character ) --> $translate = str_replace (signature character $result) however, there's issue code or str_replace think. $translate returns $result no filtering. <?php require 'lang.php'; $servername = "localhost"; $username = ""; $dbname = ""; $password = ""; // create connection $conn = new mysqli($servername, $username, $password, $dbname); // check connection if ($conn->connect_error) { die("connection failed: " . $conn->connect_error); } // filter name $sql = "select name, price utf name 'k%'"; $result = $conn->query($sql); // translate $tr = str_replace('k','karambit','$result'); // ech...
Read more

asp.net mvc - Cannot display error message on Editor or EditorFor -

-
in mvc application, can display error messages inputs i.e. textboxfor , dropdownlist , etc. however, using same approach, cannot show validation error kendo().editor() or kendo().editorfor() . tried validationmessage beside validationmessagefor , not make sense. might problem be? view: <script type="text/javascript"> $(function () { //for using kendo validation: $("form").kendovalidator(); }); </script> //validation works textboxfor, dropdownlist, etc.: @html.labelfor(m => m.summary) @html.textboxfor(m => m.summary, new { maxlength = 50, @class = "k-textbox"}) @html.validationmessagefor(m => m.summary) //validation not work editor or editorfor: @html.labelfor(m => m.description, new { maxlength = 1000, @class = "editor-label" }) @(html.kendo().editor() //@(html.kendo().editorfor(m=>m.description) //also tried .name("description") .htmlattributes(new { @class...
Read more