<p>Hello everyone,</p>
<p> </p>
<p>I would like to integrating the highchart model "bubble" into Birt designer Pro (V 4.4.0)</p>
<p> </p>
<p>I'm ok with using the birt designer, but i'm not used to use script and specifics code/script,</p>
<p>so i used the example on the page : <a data-ipb='nomediaparse' href='
http://developer.actuate.com/community/forum/index.php?/topic/37695-using-highcharts-in-birt-reports/'>http://developer.actuate.com/community/forum/index.php?/topic/37695-using-highcharts-in-birt-reports/</a></p>
<p> </p>
<p>At first i would try to test it on the bubble example, without dynamic data, and i wrote this : </p>
<p> </p>
<blockquote class="ipsBlockquote">
<p> </p>
<p>var cursor = this.getDataCursor();</p>
<div>function callback() {</div>
<div> </div>
<div>var chartData = generatechartData();</div>
<div> </div>
<div>function generatechartData() {</div>
<div> var chartData = [];</div>
<div>while(cursor.hasNext()) {</div>
<div>var row = cursor.next();</div>
<div>chartData.push([row["DISPLAYTEXT"],<span> </span>row["COUNTOFCUSTOMERS"] ]);</div>
<div>}</div>
<div>return chartData;</div>
<div>}</div>
<div> </div>
<div>$(function () {</div>
<div> </div>
<div> </div>
<div> $('#high1').highcharts({</div>
<div> chart: {</div>
<div> type: 'bubble',</div>
<div> plotBorderWidth: 1,</div>
<div> zoomType: 'xy'</div>
<div> },</div>
<div> </div>
<div> legend: {</div>
<div> enabled: false</div>
<div> },</div>
<div> </div>
<div> title: {</div>
<div> text: 'Sugar and fat intake per country'</div>
<div> },</div>
<div> </div>
<div> subtitle: {</div>
<div> text: 'Source: <a href="<a data-ipb='nomediaparse' href='
http://www.euromonitor.com/'>http://www.euromonitor.com/">Euromonitor</a></a>and <a <a data-ipb='nomediaparse' href='href='>href="
https://data.oecd.org/">OECD</a>'</a></div>
<div> },</div>
<div> </div>
<div> xAxis: {</div>
<div> gridLineWidth: 1,</div>
<div> title: {</div>
<div> text: 'Daily fat intake'</div>
<div> },</div>
<div> labels: {</div>
<div> format: '{value} gr'</div>
<div> },</div>
<div> plotLines: [{</div>
<div> color: 'black',</div>
<div> dashStyle: 'dot',</div>
<div> width: 2,</div>
<div> value: 65,</div>
<div> label: {</div>
<div> rotation: 0,</div>
<div> y: 15,</div>
<div> style: {</div>
<div> fontStyle: 'italic'</div>
<div> },</div>
<div> text: 'Safe fat intake 65g/day'</div>
<div> },</div>
<div> zIndex: 3</div>
<div> }]</div>
<div> },</div>
<div> </div>
<div> yAxis: {</div>
<div> startOnTick: false,</div>
<div> endOnTick: false,</div>
<div> title: {</div>
<div> text: 'Daily sugar intake'</div>
<div> },</div>
<div> labels: {</div>
<div> format: '{value} gr'</div>
<div> },</div>
<div> maxPadding: 0.2,</div>
<div> plotLines: [{</div>
<div> color: 'black',</div>
<div> dashStyle: 'dot',</div>
<div> width: 2,</div>
<div> value: 50,</div>
<div> label: {</div>
<div> align: 'right',</div>
<div> style: {</div>
<div> fontStyle: 'italic'</div>
<div> },</div>
<div> text: 'Safe sugar intake 50g/day',</div>
<div> x: -10</div>
<div> },</div>
<div> zIndex: 3</div>
<div> }]</div>
<div> },</div>
<div> </div>
<div> tooltip: {</div>
<div> useHTML: true,</div>
<div> headerFormat: '<table>',</div>
<div> pointFormat: '<tr><th colspan="2"><h3>{point.country}</h3></th></tr>' +</div>
<div> '<tr><th>Fat intake:</th><td>{point.x}g</td></tr>' +</div>
<div> '<tr><th>Sugar intake:</th><td>{point.y}g</td></tr>' +</div>
<div> '<tr><th>Obesity (adults):</th><td>{point.z}%</td></tr>',</div>
<div> footerFormat: '</table>',</div>
<div> followPointer: true</div>
<div> },</div>
<div> </div>
<div> plotOptions: {</div>
<div> series: {</div>
<div> dataLabels: {</div>
<div> enabled: true,</div>
<div> format: '{point.name}'</div>
<div> }</div>
<div> }</div>
<div> },</div>
<div> </div>
<div> series: [{</div>
<div> data: [</div>
<div> { x: 95, y: 95, z: 13.8, name: 'BE', country: 'Belgium' },</div>
<div> { x: 86.5, y: 102.9, z: 14.7, name: 'DE', country: 'Germany' },</div>
<div> { x: 80.8, y: 91.5, z: 15.8, name: 'FI', country: 'Finland' },</div>
<div> { x: 80.4, y: 102.5, z: 12, name: 'NL', country: 'Netherlands' },</div>
<div> { x: 80.3, y: 86.1, z: 11.8, name: 'SE', country: 'Sweden' },</div>
<div> { x: 78.4, y: 70.1, z: 16.6, name: 'ES', country: 'Spain' },</div>
<div> { x: 74.2, y: 68.5, z: 14.5, name: 'FR', country: 'France' },</div>
<div> { x: 73.5, y: 83.1, z: 10, name: 'NO', country: 'Norway' },</div>
<div> { x: 71, y: 93.2, z: 24.7, name: 'UK', country: 'United Kingdom' },</div>
<div> { x: 69.2, y: 57.6, z: 10.4, name: 'IT', country: 'Italy' },</div>
<div> { x: 68.6, y: 20, z: 16, name: 'RU', country: 'Russia' },</div>
<div> { x: 65.5, y: 126.4, z: 35.3, name: 'US', country: 'United States' },</div>
<div> { x: 65.4, y: 50.8, z: 28.5, name: 'HU', country: 'Hungary' },</div>
<div> { x: 63.4, y: 51.8, z: 15.4, name: 'PT', country: 'Portugal' },</div>
<div> { x: 64, y: 82.9, z: 31.3, name: 'NZ', country: 'New Zealand' }</div>
<div> <span> </span> ]</div>
<div> <span> </span> }]</div>
<div> </div>
<div>});</div>
<div>});</div>
<div> }</div>
<div>head.load('<a data-ipb='nomediaparse' href='
http://code.highcharts.com/highcharts.js,https://code.highcharts.com/highcharts-more.js,http://code.highcharts.com/modules/exporting.js''>http://code.highcharts.com/highcharts.js,https://code.highcharts.com/highcharts-more.js,http://code.highcharts.com/modules/exporting.js'</a>callback);</div>
</blockquote>
<p> </p>
<p> </p>
<p>And my problems are :</p>
<p> </p>
<p>1) Nothing happens when i lunch the pdf, if you can help me to correct the code ?</p>
<p>I got this error :</p>
<blockquote class="ipsBlockquote">
<p> </p>
<p>run phantomjs with errors</p>
<div>/C:/Actuate3/BDPro/eclipse/plugins/com.actuate.phantomjs.win32_1.0.0.v20150710/libs/phantomjs-1.9.7-windows/phantomjs.exe C:\Actuate3\BDPro\eclipse\plugins\com.actuate.webdriver_1.0.0.v20150710\js\rasterize.js file:/C:/Users/TD5477/AppData/Local/Temp/birtViewer/temp/BirtEngineTmp/spa_2725289970552097858.html C:\Users\TD5477\AppData\Local\Temp\birtViewer\temp\BirtEngineTmp\spa_484739312352272194.png {"bookmark":"_bt_bk_1488970316695","width":698,"timeout":1000,"cookies":[{"domain":"127.0.0.1","name":"JSESSIONID","value":"1dv868melhy51t9w0wdg9r0ro"}],"height":519} </div>
<div>exits with value: 0</div>
<div>Error: Highcharts error #17: www.highcharts.com/errors/17</div>
<div> </div>
<div> </div>
<div> </div>
<div> <a data-ipb='nomediaparse' href='
http://code.highcharts.com/highcharts.js:10'>http://code.highcharts.com/highcharts.js:10</a></div>
<div> </div>
<div> <a data-ipb='nomediaparse' href='
http://code.highcharts.com/highcharts.js:240'>http://code.highcharts.com/highcharts.js:240</a></div>
<div> </div>
<div> <a data-ipb='nomediaparse' href='
http://code.highcharts.com/highcharts.js:264'>http://code.highcharts.com/highcharts.js:264</a></div>
</blockquote>
<p> </p>
<p> </p>
<p> </p>
<p>2) Can i generate the rapport to the Web viewer (and via IHUB) and not only in pdf ?</p>
<p> </p>
<p>thanks a lot</p>
