javascript - Is there a trick to using d3 charts in jsf? -

-

i using prime faces in liferay, trick getting d3 examples show in jsf land prime faces on liferay. example trying make work in jsf one: how d3.js difference chart example work json data?

i figured out. trick reference div element instead of body. of examples have seen use "body".in portal container don't want use body put outside of port let. div required , must referenced in javascript. have included new code below

    <%@ page import="javax.portlet.windowstate" %>     <%@ taglib uri="http://java.sun.com/portlet_2_0" prefix="portlet" %>     <%@ taglib uri="http://alloy.liferay.com/tld/aui" prefix="aui" %>       <portlet:defineobjects />      <form action="<portlet:actionurl />" method="post" name="<portlet:namespace />fm">     <div id="svgcontainer" ></div>     <script type="text/javascript" >     var margin = {top: 20, right: 20, bottom: 30, left: 50},         width = 960 - margin.left - margin.right,         height = 500 - margin.top - margin.bottom;      var parsedate = d3.time.format("%y%m%d").parse;      var x = d3.time.scale()         .range([0, width]);      var y = d3.scale.linear()         .range([height, 0]);      var xaxis = d3.svg.axis()         .scale(x)         .orient("bottom");      var yaxis = d3.svg.axis()         .scale(y)         .orient("left");      var line = d3.svg.area()         .interpolate("basis")         .x(function(d) { return x(d.date); })         .y(function(d) { return y(d["student"]); });      var area = d3.svg.area()         .interpolate("basis")         .x(function(d) { return x(d.date); })         .y1(function(d) { return y(d["student"]); });      var svg = d3.select("#svgcontainer").append("svg")         .attr("width", width + margin.left + margin.right)         .attr("height", height + margin.top + margin.bottom)       .append("g")         .attr("transform", "translate(" + margin.left + "," + margin.top + ")");     var count =0;      d3.json("<%=request.getcontextpath()%>/data/data.json", function(error, data) {       if(error) return console.warn(error);           data.data.foreach(function(d) {             d.date = parsedate(d.date);             d["student"]= +d["student"];             d["average"] = +d["average"];             count++;            });        x.domain(d3.extent(data.data, function(d) { return d.date; }));        y.domain([         d3.min(data.data, function(d) { return math.min(d["student"], d["average"]); }),         d3.max(data.data, function(d) { return math.max(d["student"], d["average"]); })       ]);        svg.datum(data.data);        svg.append("clippath")           .attr("id", "clip-below")         .append("path")           .attr("d", area.y0(height));        svg.append("clippath")           .attr("id", "clip-above")         .append("path")           .attr("d", area.y0(0));        svg.append("path")           .attr("class", "area above")           .attr("clip-path", "url(#clip-above)")           .attr("d", area.y0(function(d) { return y(d["average"]); }));        svg.append("path")           .attr("class", "area below")           .attr("clip-path", "url(#clip-below)")           .attr("d", area);        svg.append("path")           .attr("class", "line")           .attr("d", line);        svg.append("g")           .attr("class", "x axis")           .attr("transform", "translate(0," + height + ")")           .call(xaxis);        svg.append("g")           .attr("class", "y axis")           .call(yaxis)         .append("text")           .attr("transform", "rotate(-90)")           .attr("y", 6)           .attr("dy", ".71em")           .style("text-anchor", "end")           .text("grades");     });        </script>     </form>

Comments

Post a Comment

Popular posts from this blog

java - Jmockit String final length method mocking Issue -

-
using jmockit 1.2 jar, trying mock string's length method getting unexpected invocation exception: failed: test java.lang.illegalstateexception: missing invocation mocked type @ point; please make sure such invocations appear after declaration of suitable mock field or parameter @ stringdemo.testa$1.<init>(testa.java:17) @ stringdemo.testa.test(testa.java:13) i using testng: @test public void test() throws exception { new expectations() { @mocked("length") string astring; { astring.length(); result = 2; } }; system.out.println(a.showa("test")); } } actual class a: public class { public static int showa(string str){ int a= str.length(); return a; } } this wrong way of recording expected results. shouldn't mock , record string's length() method, record showa() instead. here solution @suppresswarnings("unused...
Read more

What is the difference between data design and data model(ERD) -

-
i have google question , find answer in day. know, data design many many table have list column,and mark pk , fk. why er-diagram have find this? data design process of designing database. main output of data design detailed logical data model of database. some people data design includes of needed logical , physical design choices , physical storage parameters needed generate design in data definition language. technically, database analysis, database analysts (dbas) trained do. while person can both data design , database analysis, these 2 different tasks. data design models data. database analysis takes model , applies 1 or more database engines (relational, hierarchical, nosql). a logical data model 1 of main outputs of data design. data model represented entity relationship diagram, or er diagram.
Read more

ios - Can NSManagedObject conform to NSCoding -

-
i need transfer single object across device. right converting nsmanagedobject dictionary , archiving , sending nsdata. upon receiving unarchiving it. transfer nsmanagedobject archiving , unarchiving instead of creating intermediate data object. @interface test : nsmanagedobject<nscoding> @property (nonatomic, retain) nsstring * title; @end @implementation test @dynamic title; - (id)initwithcoder:(nscoder *)coder { self = [super init]; if (self) { self.title = [coder decodeobjectforkey:@"title"]; //<crash } return self; } - (void)encodewithcoder:(nscoder *)coder { [coder encodeobject:self.title forkey:@"title"]; } @end nsdata *archivedobjects = [nskeyedarchiver archiveddatawithrootobject:testobj]; nsdata *objectsdata = archivedobjects; if ([objectsdata length] > 0) { nsarray *objects = [nskeyedunarchiver unarchiveobjectwithdata:objectsdata]; } the problem above code is. crashes @ self.title in initwithcoder sa...
Read more