nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

how to enable chart scripting functions onRender view

suresh@anumolu

Hi,
 
I am trying to add beforeDrawAxisLabel functionality inside onRender view. But I cant find the function in the dropdown. 
 
Please see the attached screenshot.
 
The chart i was referring can be found at the following link:
 <a data-ipb='nomediaparse' href='http://developer.actuate.com/community/forum/index.php?/topic/39516-chart-category-x-axis-as-string-and-sort-enabled-on-numerical-value/?view=getnewpost'>http://developer.actuate.com/community/forum/index.php?/topic/39516-chart-category-x-axis-as-string-and-sort-enabled-on-numerical-value/?view=getnewpost</a>
 
Thanks
suresh

Find more posts tagged with

Comments

suresh@anumolu

First chart was downloaded from actuate website, that has all the events where as the second chart in the attached rptdesign doesnt show all the events. 
 
Can you let me know how to enable the events?
 
Thanks for your help in advance..

suresh@anumolu

Hi, After spending some more time I have figured out the problem was with chart type being html5 vs svg. Is there any reason why the events are being different between svg vs html?
 
The charts are rendered much better in html5 compared to the other formats svg, jpeg. So I would like to implement this functionality in html5. Please let me know if there is any other event which serves the purpose of beforeDrawAxisLabel event in html5 format?
 
I tried using clientscript beforeDrawAxis, but i am not sure how retrieve a hash map from getExternalContext().getScriptable().getPersistentGlobalVariable. Any help would be appreciated.
 
Thanks for your help in advance.
 
Thanks
Suresh

Clement Wong

HTML5 Charts are based on HighCharts. The events of the Chart item for HTML5 format are client side (on the browser) as opposed to runtime for non-HTML5 (SVG/PNG/JPG).
 
Yes, HTML5 Charts produce much cleaner and more interactive output than the other formats.
 
In the HTML5 Charts, you have access to Report Parameter and Report Variables via:
 
 this.getReportParameter("parmname") 
this.getReportVariable("varname")

suresh@anumolu

Thanks for your response Celement Wong. Is it possible to set the hashMap object to that Report variable/parameter. I guess its not right? I would like to set a key/value pair to customized x-axis labels.
whats the best way to acheive that? If its possible to sepcify getReportParameter/Vairable can i do that inside onFetch event?
 
thanks for your help.

Clement Wong

Yes, you can.
 
Attached is a sample that sets a java.util.HashMap(); in a report variable. (See Data Explorer > Report Variable > myReportVariable).
 
Then in the HTML5 chart, it retrieves the HaspMap values in the beforeGeneration via this.getReportVariable("varname").

suresh@anumolu

Thanks Clement Wong.. Your example works fine, let me try to set the hashmap inside the script and get back to you..thanks again for your prompt response.

suresh@anumolu

Clement, Does this hash map have any dependency on the BIRT designer?
Your eg works fine if i run the rport from the designer version Eclipse BIRT Designer Version 4.4.0.v20150710-0101 Build <4.2.3.v20150710-0101 
but it doesnt seem to be working on the version
Eclipse BIRT Designer Version 4.2.3.v20131216-0430 Build <4.2.3.v20131216-0430
 
Can you please confirm?
 
Thanks again

Clement Wong

Access to report and parameter values from the script was not added until BIRT iHub 3.1. (4.4.0 version).
 
The alternative in previous versions would be to create a HTML text report item and save it off in a JavaScript variable. Then in the HTML5 chart, you would be able to access that JavaScript variable (on the client side).

suresh@anumolu

Thanks for the confirmation Clement Wong.. I will use the alternate approach for now..