Graphing with velocity

Classic Servoy
1

Hello
I’m playing with velecity report(Servoy 6.0.7)
I build a form with some test buttons and an html aera(dataprovider = form variable “vhtml”) to show the graphs.
Now i have some problems with the radar graph.
The code is from the velocity example solution (with a few label and legend changments)

var chartDef = {};
	chartDef.width = 600;
	chartDef.height = 500;
		
	chartDef.title = "Mitarbeiter Skills";
	chartDef.titleColor = '#ff0000';
	chartDef.titleSize = 20;
	//chartDef.spline = false;
	chartDef.areaFill = "#FFFFFF00";
	chartDef.radars = [
		{data: [40, 40, 50, 60, 80, 40], color: '#6633CC', legend: 'Progis', 
			lineStyle: {lineThickness: 4}, fillAreaColor: '#6633CC33', 
			markers: [{shape: 'circle', size: 12, color: '#6633CC'}, {shape: 'circle', size: 10, color: '#FFFFFF'}]},
 		{data: [80, 50, 50, 85, 60, 80], color: '#CC3366', legend: 'Techis', 
				lineStyle: {lineThickness: 4}, fillAreaColor: '#CC336633', 
				markers: [{shape: 'square', size: 12, color: '#CC3366'}, {shape: 'square', size: 10, color: '#FFFFFF'}]}
 	];
	
	chartDef.concentricAxis = {
		labels: ['0', '20', '40', '60', '80', '100'],
		style: {textColor: '#000000', fontSize: 12, alignment: 'left'}
	};
	chartDef.radialAxis = {
			labels: ['Englisch', 'Gehorsam', 'IT Kenne', 'Hardware', 'Datenbanken'],
			style: {textColor: '#000000', fontSize: 12}
	};
	
	chartDef.transparency = 100;
	var chartImg = plugins.VelocityReport.getChart(CHART.RADAR,chartDef);
	vgraph = '<html><body style="width: 100%; height: 100%; text-align: center; vertical-align: center">'+chartImg+'</body></html>';

The labels are not shown ???
I can’t set form width to a value greater than 600 ???
See attached screenshot.
[attachment=0]screenshot1.jpg[/attachment]

What do i miss ??
Best regards
Albert

screenshot1.jpg
screenshot1.jpg1394×1014 103 KB

2

what happens, when you change:

chartDef.width = 600;

into

chartDef.width = 800;
3

Hello Harjo
With chartDef.width = 800 no graph is shown ?
No conosle messages?

Servoy log:

java.lang.IllegalArgumentException: The largest possible area for all charts except maps is 300,000 pixels.
     at com.googlecode.charts4j.collect.Preconditions.checkArgument(Preconditions.java:96)
     at com.googlecode.charts4j.AbstractGChart.setSize(AbstractGChart.java:115)
     at com.googlecode.charts4j.RadarChart.setSizeNoCheck(RadarChart.java:102)
     at net.stuff.servoy.plugin.velocityreport.charts.ChartFactory.addCommonParameters(ChartFactory.java:841)
     at net.stuff.servoy.plugin.velocityreport.charts.ChartFactory.getRadarChart(ChartFactory.java:1855)
     at net.stuff.servoy.plugin.velocityreport.charts.ChartFactory.getChart(ChartFactory.java:1346)
     at net.stuff.servoy.plugin.velocityreport.VelocityReportProvider.js_getChart(VelocityReportProvider.java:980)
     at net.stuff.servoy.plugin.velocityreport.VelocityReportProvider.js_getChart(VelocityReportProvider.java:945)
     at sun.reflect.GeneratedMethodAccessor235.invoke(Unknown Source)
     at sun.reflect.DelegatingMethodAccessorImpl.invoke(Unknown Source)
     at java.lang.reflect.Method.invoke(Unknown Source)
     at org.mozilla.javascript.MemberBox.invoke(MemberBox.java:179)
     at org.mozilla.javascript.NativeJavaMethod.call(NativeJavaMethod.java:367)
     at org.mozilla.javascript.Interpreter.interpretLoop(Interpreter.java:3666)
     at org.mozilla.javascript.Interpreter.interpret(Interpreter.java:2680)
     at org.mozilla.javascript.InterpretedFunction.call(InterpretedFunction.java:166)
     at org.mozilla.javascript.ContextFactory.doTopCall(ContextFactory.java:387)
     at org.mozilla.javascript.ScriptRuntime.doTopCall(ScriptRuntime.java:3135)
     at org.mozilla.javascript.InterpretedFunction.call(InterpretedFunction.java:165)
     at com.servoy.j2db.scripting.ScriptEngine.executeFunction(ScriptEngine.java:537)
     at com.servoy.j2db.debug.RemoteDebugScriptEngine.executeFunction(RemoteDebugScriptEngine.java:392)

Regards
Albert

4

If you want bigger charts, you need to switch to the Eastwood build-in engine.
Google charts has size limitations, just like the error is telling you.

5

Hello Patrick

How to switch to eastwood???
I code UseEstwood = 1 with no success?
What about the labels?

chartDef.concentricAxis = {
labels: ['0', '20', '40', '60', '80', '100'],
style: {textColor: '#000000', fontSize: 12, alignment: 'right'}

No labels in the chart?
Regards
Albert

6

To use eastwood, you need to install the eastwood.war in your application_server/server/webapps folder, set the ‘velocityreport.serverURL’ property in the servoy-admin/plugins-settings to the URL of your server, and use plugins.VelocityReport.getChart(type, chartDefinition, true, [resolution])

For radar charts, there is an open issue with contentricAxis. radialAxis are working, but concentricAxis are ignored for lack of support in eastwood, see https://www.servoyforge.net/issues/13
I’ve never been able to find the time to code a workaround and there never was a request for it…