kalyan.kkannan
-
Posts
6 -
Joined
-
Last visited
Content Type
Profiles
Forum
Events
Featured Visualizations
Knowledge Base
Documentation (PDF Downloads)
Blog
Documentation (Test Area)
Documentation
Dr. Jaspersoft Webinar Series
Downloads
Posts posted by kalyan.kkannan
-
-
On browser when hitting http://127.0.0.1:8080/jasperserver-pro/client/visualize.js, i am able to see the visualize.js getting downloaded.
I simply used the above code but getting the below error.
Uncaught TypeError: Cannot read property '2' of nullvisualize.js?_opt=false:9780 getLocationvisualize.js?_opt=false:10095 prepareTransportStackvisualize.js?_opt=false:10823 easyXDM.Rpcvisualize.js?_opt=false:12362 makeRpcvisualize.js?_opt=false:12515 (anonymous function)visualize.js?_opt=false:16059 (anonymous function)visualize.js?_opt=false:15902 jQuery.Callbacks.firevisualize.js?_opt=false:15948 jQuery.Callbacks.self.addvisualize.js?_opt=false:16058 (anonymous function)visualize.js?_opt=false:13187 jQuery.extend.eachvisualize.js?_opt=false:16055 (anonymous function)visualize.js?_opt=false:16115 jQuery.extend.Deferredvisualize.js?_opt=false:16054 jQuery.extend.Deferred.promise.thenvisualize.js?_opt=false:12514 Rootvisualize.js?_opt=false:12750 (anonymous function)visualize.js?_opt=false:1699 context.execCbvisualize.js?_opt=false:915 Module.checkvisualize.js?_opt=false:1192 Module.enablevisualize.js?_opt=false:823 Module.initvisualize.js?_opt=false:1465 (anonymous function)
-
I want to render visualize js inside plain HTML, getting below error. Kindly help me to resolve the same.
Uncaught SyntaxError: Invalid regular expression: /[À-ß][€-¿]|[à -ï][€-¿]{2}|[ð-÷][€-¿]{3}/: Range out of order in character classvisualize.html:11 Uncaught ReferenceError: visualize is not definedMy Code<html><head><script src="http://127.0.0.1:8080/jasperserver-pro/client/visualize.js"></script></head><body><div id="reportContainer">Loading..</div><script>visualize({server: "http://127.0.0.1:8080/jasperserver-pro",auth: {name: "jasperadmin",password: "jasperadmin"}}, function (v) {v.report({resource: "/public/chart",container: "#reportContainer",defaultJiveUi: { enabled: false },error: function (err) {alert(err.message);}});});</script></body></html> -
Need to generate Line chart(HTML5) using Jasper with multiple color on data points. On inputting multi-color to Jasper its using the first occuring color and painting to the rest of data points. I am able to achieve multi-color LIne chart using plain Highcharts -> http://jsfiddle.net/Javaduke/9xgrsmk3/ . When doing with Jasper i am not able to achieve the same. Kindly help me with suitable way to do the same.
Enclosed my chart code below.
<hc:chart xmlns:hc="http://jaspersoft.com/highcharts" xsi:schemaLocation="http://jaspersoft.com/highcharts http://jaspersoft.com/schema/highcharts.xsd" type="Line">
<hc:chartSetting name="default">
<hc:chartProperty name="chart.animation">
<hc:propertyExpression><![CDATA[boolean.FALSE]]></hc:propertyExpression>
</hc:chartProperty>
<hc:chartProperty name="chart.showAxes">
<hc:propertyExpression><![CDATA[boolean.TRUE]]></hc:propertyExpression>
</hc:chartProperty>
<hc:chartProperty name="chart.type" value="line"/>
<hc:chartProperty name="credits.enabled">
<hc:propertyExpression><![CDATA[false]]></hc:propertyExpression>
</hc:chartProperty>
<hc:chartProperty name="credits.href">
<hc:propertyExpression><![CDATA[""]]></hc:propertyExpression>
</hc:chartProperty>
<hc:chartProperty name="credits.text">
<hc:propertyExpression><![CDATA[""]]></hc:propertyExpression>
</hc:chartProperty>
<hc:chartProperty name="legend.align" value="bottom"/>
<hc:chartProperty name="legend.enabled" value="true"/>
<hc:chartProperty name="plotOptions.area.marker.enabled" value="false"/>
<hc:chartProperty name="plotOptions.area.shadow" value="false"/>
<hc:chartProperty name="plotOptions.series.marker.lineWidth" value="1"/>
<hc:chartProperty name="plotOptions.series.marker.radius" value="3"/>
<hc:chartProperty name="plotOptions.series.marker.symbol" value="circle"/>
<hc:chartProperty name="title.text">
<hc:propertyExpression><![CDATA[""]]></hc:propertyExpression>
</hc:chartProperty>
<hc:chartProperty name="tooltip.animation">
<hc:propertyExpression><![CDATA[false]]></hc:propertyExpression>
</hc:chartProperty>
<hc:chartProperty name="tooltip.crosshairs" value="true"/>
<hc:chartProperty name="tooltip.enabled" value="false"/>
<hc:chartProperty name="tooltip.shared" value="true"/>
<hc:chartProperty name="tooltip.style.visibility" value="hidden"/>
<hc:chartProperty name="xAxis.dateTimeLabelFormats.day" value="%m/%d/%y"/>
<hc:chartProperty name="xAxis.dateTimeLabelFormats.hour" value="%H:%M"/>
<hc:chartProperty name="xAxis.dateTimeLabelFormats.minute" value="%H:%M"/>
<hc:chartProperty name="xAxis.dateTimeLabelFormats.month" value="%m/%d/%y"/>
<hc:chartProperty name="xAxis.dateTimeLabelFormats.second" value="%H:%M:%S"/>
<hc:chartProperty name="xAxis.dateTimeLabelFormats.week" value="%m/%d/%y"/>
<hc:chartProperty name="xAxis.dateTimeLabelFormats.year" value="%m/%d/%y"/>
<hc:chartProperty name="xAxis.endOnTick" value="true"/>
<hc:chartProperty name="xAxis.startOnTick" value="true"/>
<hc:chartProperty name="xAxis.type" value="datetime"/>
<hc:chartProperty name="yAxis.title.text">
<hc:propertyExpression><![CDATA[""]]></hc:propertyExpression>
</hc:chartProperty>
</hc:chartSetting>
<multiAxisData>
<multiAxisDataset/>
<dataAxis axis="Rows">
<axisLevel name="Category">
<labelExpression><![CDATA["Level Label expression"]]></labelExpression>
<axisLevelBucket order="None" class="java.util.Date">
<bucketExpression><![CDATA[new Date(Long.parseLong($F{date}))]]></bucketExpression>
</axisLevelBucket>
</axisLevel>
</dataAxis>
<dataAxis axis="Columns">
<axisLevel name="Portfolio">
<labelExpression><![CDATA[]]></labelExpression>
<axisLevelBucket order="None" class="java.lang.String">
<bucketExpression><![CDATA[$F{portName}]]></bucketExpression>
<bucketProperty name="fillOpacity"><![CDATA[0.15]]></bucketProperty>
<bucketProperty name="lineColor"><![CDATA["#1a4ca0"]]></bucketProperty>
<bucketProperty name="marker.fillColor"><![CDATA[$F{lineColor}]]></bucketProperty>
<bucketProperty name="name"><![CDATA[$F{portName} + " : " + $F{lineColor}]]></bucketProperty>
<bucketProperty name="type"><![CDATA["area"]]></bucketProperty>
</axisLevelBucket>
</axisLevel>
<axisLevel name="Investment">
<labelExpression><![CDATA[]]></labelExpression>
<axisLevelBucket order="None" class="java.lang.String">
<bucketExpression><![CDATA[$F{invstName}]]></bucketExpression>
<bucketProperty name="dashStyle"><![CDATA["longDash"]]></bucketProperty>
<bucketProperty name="lineColor"><![CDATA["#000000"]]></bucketProperty>
</axisLevelBucket>
</axisLevel>
<axisLevel name="Benchmark1">
<labelExpression><![CDATA[]]></labelExpression>
<axisLevelBucket order="None" class="java.lang.String">
<bucketExpression><![CDATA[$F{benchName}]]></bucketExpression>
<bucketProperty name="lineColor"><![CDATA["#eaaa33"]]></bucketProperty>
</axisLevelBucket>
</axisLevel>
</dataAxis>
<multiAxisMeasure name="PortfolioValue" class="java.lang.Integer" calculation="Nothing">
<labelExpression><![CDATA[$F{portName}+" : "+$F{lineColor}]]></labelExpression>
<valueExpression><![CDATA[new Integer($F{portValue})]]></valueExpression>
</multiAxisMeasure>
</multiAxisData>
<hc:series name="PortfolioValue">
<hc:contributor name="SeriesProperty">
<hc:contributorProperty name="type" valueType="Bucket" value="Portfolio.type"/>
<hc:contributorProperty name="fillOpacity" valueType="Bucket" value="Portfolio.fillOpacity"/>
<hc:contributorProperty name="name" valueType="Bucket" value="Portfolio.name"/>
<hc:contributorProperty name="lineColor" valueType="Bucket" value="Portfolio.lineColor"/>
<hc:contributorProperty name="marker.fillColor" valueType="Bucket" value="Portfolio.marker.fillColor"/>
</hc:contributor>
</hc:series>
</hc:chart> -
I am able to render and preview HTML 5 charts through Jasper Report Studio, but when i am rendering through java program getting error.
While compling .jrxml(containing HTML5 Charts) from JAVA getting connection time out for http://jaspersoft.com/schema/highcharts.xsd
While rendering .jasper(containing HTML5 Charts) from JAVA getting Caused by: java.lang.ClassNotFoundException: com.jaspersoft.jasperreports.highcharts.charts.StandardChartComponent
Whether i can run HTML5 charts inside Jasper Studio & Only ?? If need to render from JAVA what i need to add??
-
I am trying out rendering html5 chart(line chart) with json data source, not able to find the appropriate json format & configuring those on jrxml. kindly help me with sample for the same.
Multiple axes in HTML5 Chart
in Products
Posted
In Jaspersoft HTML5 charts need to map series with yAxis(grouping of multiple series to same axis), for reference http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/combo-multi-axes/
In highcharts there is option in series level series.yAxis=0(this maps to yAxis left side) & series.yAxis=1(this maps to yAxis right side). How to do that with Jasper???