InvientCharts : using native Highcharts javascript function issue

Hello,

I’m developping charts with InvientCharts (0.8.6). It is a very good plugin, and charts are rendered very well.

But I’m encountering an issue with Pie Chart.

I have to show more informations in the PieDataLabel, including percentage information :


            pieCfg.getDataLabel()
            .setFormatterJsFunc(
                    "function() {"
                    + " return this.point.name +': <br>'"
            		+ "+'"+getChartModel().getSerieColumnModel().getHeader()+"' +' : '"
            		+ "+ this.percentage  +' % <br>'"
            		+ "+'('+ this.y +')'"
            		+ ";"
                    + "}");

Unfortunately, the percentage is not formatted. In (
Highcharts documentation
, there is a numberFormat function. I tried to use it, but it does’t work :


            pieCfg.getDataLabel()
            .setFormatterJsFunc(
                    "function() {"
                    + " return this.point.name +': <br>'"
            		+ "+'"+getChartModel().getSerieColumnModel().getHeader()+"' +' : '"
                    + "+ Highcharts.numberFormat(this.percentage, 2)  +' % <br>'"
            		+ "+'('+ this.y +')'"
            		+ ";"
                    + "}");

Here is the error :


Going to create a chart.
JavaScriptException: (ReferenceError): Highcharts is not defined stack: ()@http://localhost:8080/vaadin-view/VAADIN/widgetsets/com.bsb.soliam.fo.SoliamWidgetSet/771A58169E2AAE4DA61A60AD01738DAC.cache.html:3083 ([object Object]
,0,[object Array]
)@http://localhost:8080/vaadin-view/VAADIN/js/highcharts.js:136 ([object Array]
,(function (z) {var E = z.barX;E = E && E + z.barW / 2 || z.plotX || - 999;var ia = y(z.plotY, - 999), T = z.dataLabel, K = e.align;f = e.formatter.call({x: z.x, y: z.y, series: a, point: z, percentage: z.percentage, total: z.total || z.stackTotal});b = (j ? i.plotWidth - ia : E) + e.x;c = (j ? i.plotHeight - E : ia) + e.y;if (k == "column") {b += {left: - 1, right: 1}[K]
 * z.barW / 2 || 0;}if (T) {T.animate({x: b, y: c});} else if (f) {T = z.dataLabel = i.renderer.text(f, b, c).attr({align: K, rotation: e.rotation, zIndex: 1}).css(e.style).add(g);}j && !e.y && T.attr({y: c + parseInt(T.styles.lineHeight) * 0.9 - T.getBBox().height / 2});}))@http://localhost:8080/vaadin-view/VAADIN/js/highcharts.js:68 ()@http://localhost:8080/vaadin-view/VAADIN/js/highcharts.js:136 ()@http://localhost:8080/vaadin-view/VAADIN/js/highcharts.js:158 ()@http://localhost:8080/vaadin-view/VAADIN/js/highcharts.js:156 ([object Object]
,0,[object Array]
)@http://localhost:8080/vaadin-view/VAADIN/js/highcharts.js:50 ([object Array]
,(function (w) {w.translate();w.setTooltipPoints();w.render();}))@http://localhost:8080/vaadin-view/VAADIN/js/highcharts.js:68 ia()@http://localhost:8080/vaadin-view/VAADIN/js/highcharts.js:49 K()@http://localhost:8080/vaadin-view/VAADIN/js/highcharts.js:51 Hd([object Object]
)@http://localhost:8080/vaadin-view/VAADIN/js/highcharts.js:66 zV([object Array]
,[object Object]
)@http://localhost:8080/vaadin-view/VAADIN/widgetsets/com.bsb.soliam.fo.SoliamWidgetSet/771A58169E2AAE4DA61A60AD01738DAC.cache.html:3226 oPb([object Object]
,[object Array]
,[object Object]
,627)@http://localhost:8080/vaadin-view/VAADIN/widgetsets/com.bsb.soliam.fo.SoliamWidgetSet/771A58169E2AAE4DA61A60AD01738DAC.cache.html:2189 Hlb([object Array]
,[object Object]
)@http://localhost:8080/vaadin-view/VAADIN/widgetsets/com.bsb.soliam.fo.SoliamWidgetSet/771A58169E2AAE4DA61A60AD01738DAC.cache.html:3232 WX([object Object]
)@http://localhost:8080/vaadin-view/VAADIN/widgetsets/com.bsb.soliam.fo.SoliamWidgetSet/771A58169E2AAE4DA61A60AD01738DAC.cache.html:3200 BW([object Object]
,[object Object]
,"{\"changes\":[[\"change\",{\"format\": \"uidl\",\"pid\": \"PID79\"},[\"1\",{\"id\": \"PID79\",\"height\": \"100.0%\",\"width\": \"100.0%\",\"margins\":0,\"alignments\": {},\"expandRatios\": {}},[\"11\",{\"id\": \"PID91\",\"height\": \"100.0%\",\"width\": \"100.0%\",\"isRetrieveSVG\":false,\"isPrint\":false,\"reloadChartSeries\":false},[\"options\",{},[\"title\",{\"text\": \"\"}]
,[\"subtitle\",{}]
,[\"credit\",{\"enabled\":false},[\"position\",{}]
],[\"legend\",{}]
,[\"tooltip\",{}]
,[\"chart\",{\"type\": \"pie\",\"zoomType\": \"\",\"clientZoom\":true}]
,[\"seriesOptionsPerSeriesType\",{},[\"pie\",{\"allowPointSelect\":true},[\"dataLabel\",{\"enabled\":true,\"formatter\": \"function() { return this.point.name +':
'+'Encours actuel' +' : '+ Highcharts.numberFormat(this.percentage, 2) +' %
'+'('+ this.y +')';}\"}],[\"state\",{}]
]],[\"xAxes\",{}]
,[\"yAxes\",{}]
,[\"labels\",{}]
],[\"chartData\",{},[\"series\",{\"name\": \"Encours actuel\",\"xAxis\":0,\"yAxis\":0},[\"pie\",{}]
,[\"points\",{},[\"point\",{\"name\": \"000-1234567-01\",\"x\":0.0,\"y\":1.00100521E10,\"isShift\":false}]
,[\"point\",{\"name\": \"001-1234567-01\",\"x\":1.0,\"y\":82875.76,\"isShift\":false}]
,[\"point\",{\"name\": \"001-1234567-02\",\"x\":2.0,\"y\":118178.07,\"isShift\":false}]
,[\"point\",{\"name\": \"001-1234567-03\",\"x\":3.0,\"y\":1373571.45,\"isShift\":false}]
,[\"point\",{\"name\": \"001-1234567-04\",\"x\":4.0,\"y\":5761982.16,\"isShift\":false}]
,[\"point\",{\"name\": \"002-1234567-01\",\"x\":5.0,\"y\":93422.38,\"isShift\":false}]
,[\"point\",{\"name\": \"002-1234567-02\",\"x\":6.0,\"y\":2208973.52,\"isShift\":false}]
,[\"point\",{\"name\": \"002-1234567-03\",\"x\":7.0,\"y\":8155605.53,\"isShift\":false}]
,[\"point\",{\"name\": \"003-1234567-01\",\"x\":8.0,\"y\":187498.64,\"isShift\":false}]
,[\"point\",{\"name\": \"003-1234567-02\",\"x\":9.0,\"y\":5164548.47,\"isShift\":false}]
,[\"point\",{\"name\": \"004-1234567-01\",\"x\":10.0,\"y\":83146.79,\"isShift\":false}]
,[\"point\",{\"name\": \"004-1234567-02\",\"x\":11.0,\"y\":194556.03,\"isShift\":false}]
,[\"point\",{\"name\": \"004-1234567-03\",\"x\":12.0,\"y\":6578510.16,\"isShift\":false}]
,[\"point\",{\"name\": \"004-1234567-04\",\"x\":13.0,\"y\":6409284.41,\"isShift\":false}]
,[\"point\",{\"name\": \"005-1234567-01\",\"x\":14.0,\"y\":-763231.73,\"isShift\":false}]
,[\"point\",{\"name\": \"005-1234567-02\",\"x\":15.0,\"y\":1200688.93,\"isShift\":false}]
,[\"point\",{\"name\": \"005-1234567-03\",\"x\":16.0,\"y\":197644.86,\"isShift\":false}]
,[\"point\",{\"name\": \"005-1234567-04\",\"x\":17.0,\"y\":1756000.0,\"isShift\":false}]
,[\"point\",{\"name\": \"006-1234567-01\",\"x\":18.0,\"y\":553718.64,\"isShift\":false}]
,[\"point\",{\"name\": \"006-1234567-02\",\"x\":19.0,\"y\":907168.94,\"isShift\":false}]
,[\"point\",{\"name\": \"006-1234567-03\",\"x\":20.0,\"y\":1.311515068E7,\"isShift\":false}]
,[\"point\",{\"name\": \"007-1234567-01\",\"x\":21.0,\"y\":187414.49,\"isShift\":false}]
,[\"point\",{\"name\": \"008-1234567-01\",\"x\":22.0,\"y\":981595.09,\"isShift\":false}]
,[\"point\",{\"name\": \"009-1234567-01\",\"x\":23.0,\"y\":1038908.39,\"isShift\":false}]
,[\"point\",{\"name\": \"010-1234567-05\",\"x\":24.0,\"y\":1082980.46,\"isShift\":false}]
,[\"point\",{\"name\": \"011-1234567-05\",\"x\":25.0,\"y\":1082980.46,\"isShift\":false}]
,[\"point\",{\"name\": \"013-1234567-01\",\"x\":26.0,\"y\":130008.34,\"isShift\":false}]
,[\"point\",{\"name\": \"014-1234567-01\",\"x\":27.0,\"y\":96039.92,\"isShift\":false}]
,[\"point\",{\"name\": \"015-1234567-01\",\"x\":28.0,\"y\":96039.92,\"isShift\":false}]
,[\"point\",{\"name\": \"016-1234567-01\",\"x\":29.0,\"y\":252210.0,\"isShift\":false}]
,[\"point\",{\"name\": \"017-1234567-01\",\"x\":30.0,\"y\":248121.98,\"isShift\":false}]
,[\"point\",{\"name\": \"018-1234567-01\",\"x\":31.0,\"y\":49306.15,\"isShift\":false}]
,[\"point\",{\"name\": \"019-1234567-01\",\"x\":32.0,\"y\":1789883.78,\"isShift\":false}]
,[\"point\",{\"name\": \"100100-01\",\"x\":33.0,\"y\":785536.26,\"isShift\":false}]
,[\"point\",{\"name\": \"100110-01\",\"x\":34.0,\"y\":520000.0,\"isShift\":false}]
,[\"point\",{\"name\": \"990-FD-OWN-01\",\"x\":35.0,\"y\":2.727845853E8,\"isShift\":false}]
,[\"point\",{\"name\": \"990-FD-OWN-03\",\"x\":36.0,\"y\":9679673.5,\"isShift\":false}]
,[\"point\",{\"name\": \"990-FD-OWN-05\",\"x\":37.0,\"y\":1003927.04,\"isShift\":false}]
,[\"point\",{\"name\": \"990-FD-OWN-06\",\"x\":38.0,\"y\":0.0,\"isShift\":false}]
,[\"point\",{\"name\": \"990-FD-OWN-07\",\"x\":39.0,\"y\":2.812748E7,\"isShift\":false}]
,[\"point\",{\"name\": \"990-FNDDED-UBS-05\",\"x\":40.0,\"y\":1500000.0,\"isShift\":false}]
,[\"point\",{\"name\": \"990-LI-EVOL-01\",\"x\":41.0,\"y\":3.548882639E7,\"isShift\":false}]
,[\"point\",{\"name\": \"990-LI-EVOL-02\",\"x\":42.0,\"y\":5.449961016E8,\"isShift\":false}]
,[\"point\",{\"name\": \"990-OPCVM-ACT-01\",\"x\":43.0,\"y\":1.29338482E7,\"isShift\":false}]
,[\"point\",{\"name\": \"990-OPCVM-ACT-02\",\"x\":44.0,\"y\":4.170942669E7,\"isShift\":false}]
,[\"point\",{\"name\": \"990-OPCVM-ACT-03\",\"x\":45.0,\"y\":3755070.0,\"isShift\":false}]
,[\"point\",{\"name\": \"990-OPCVM-DIV-01\",\"x\":46.0,\"y\":1550999.24,\"isShift\":false}]
,[\"point\",{\"name\": \"990-OPCVM-DIV-02\",\"x\":47.0,\"y\":250435.98,\"isShift\":false}]
,[\"point\",{\"name\": \"990-OPCVM-DIV-03\",\"x\":48.0,\"y\":137850.36,\"isShift\":false}]
,[\"point\",{\"name\": \"990-OPCVM-OBL-02\",\"x\":49.0,\"y\":1006316.23,\"isShift\":false}]
,[\"point\",{\"name\": \"999-MOD-BAL\",\"x\":50.0,\"y\":981595.09,\"isShift\":false}]
,[\"point\",{\"name\": \"999-MOD-DYN\",\"x\":51.0,\"y\":1573090.34,\"isShift\":false}]
,[\"point\",{\"name\": \"999-MOD-DYN-DERIV-1\",\"x\":52.0,\"y\":278904.0,\"isShift\":false}]
,[\"point\",{\"name\": \"999-MOD-DYN-DERIV-2\",\"x\":53.0,\"y\":3.164873968E8,\"isShift\":false}]
,[\"point\",{\"name\": \"999-MOD-DYN-FLY-ONE\",\"x\":54.0,\"y\":5162004.88,\"isShift\":false}]
,[\"point\",{\"name\": \"999-MOD-DYN-STAR\",\"x\":55.0,\"y\":102465.73,\"isShift\":false}]
,[\"point\",{\"name\": \"999-MOD-DYN-STAR-FIRST\",\"x\":56.0,\"y\":604764.24,\"isShift\":false}]
,[\"point\",{\"name\": \"999-MOD-DYN-STAR-ONE\",\"x\":57.0,\"y\":100000.0,\"isShift\":false}]
,[\"point\",{\"name\": \"999-MOD-ENERG-FIRST\",\"x\":58.0,\"y\":1511961.18,\"isShift\":false}]
,[\"point\",{\"name\": \"999-MOD-ENERG-FLY-ONE\",\"x\":59.0,\"y\":981595.09,\"isShift\":false}]
,[\"point\",{\"name\": \"999-MOD-ENERG-ONE\",\"x\":60.0,\"y\":1637060.89,\"isShift\":false}]
,[\"point\",{\"name\": \"999-MOD-PRUD\",\"x\":61.0,\"y\":1.263826508E7,\"isShift\":false}]
,[\"point\",{\"name\": \"999-MOD-PRUD-FIRST\",\"x\":62.0,\"y\":1000000.0,\"isShift\":false}]
,[\"point\",{\"name\": \"999-MOD-PRUD-ONE\",\"x\":63.0,\"y\":1000000.0,\"isShift\":false}]
,[\"point\",{\"name\": \"999-MOD-TON\",\"x\":64.0,\"y\":1374823.66,\"isShift\":false}]
,[\"point\",{\"name\": \"999-MOD-TON-STAR-ONE\",\"x\":65.0,\"y\":981595.09,\"isShift\":false}]
,[\"point\",{\"name\": \"AVERROES\",\"x\":66.0,\"y\":5425949.96,\"isShift\":false}]
,[\"point\",{\"name\": \"BMF-CBPGSP\",\"x\":67.0,\"y\":9662707.03,\"isShift\":false}]
,[\"point\",{\"name\": \"BMF-GLSPFV\",\"x\":68.0,\"y\":1678124.03,\"isShift\":false}]
,[\"point\",{\"name\": \"BMF-MTROSE\",\"x\":69.0,\"y\":1.156006913E8,\"isShift\":false}]
,[\"point\",{\"name\": \"BMF-PANFUL\",\"x\":70.0,\"y\":3416005.24,\"isShift\":false}]
,[\"point\",{\"name\": \"BNP PARIBAS\",\"x\":71.0,\"y\":-19667.0,\"isShift\":false}]
,[\"point\",{\"name\": \"BSB PTF1\",\"x\":72.0,\"y\":2204251.06,\"isShift\":false}]
,[\"point\",{\"name\": \"BUX ETF Alap\",\"x\":73.0,\"y\":1.297349195E7,\"isShift\":false}]
,[\"point\",{\"name\": \"CAPITAL MOROCCO\",\"x\":74.0,\"y\":1.286180379E7,\"isShift\":false}]
,[\"point\",{\"name\": \"CEE Fund\",\"x\":75.0,\"y\":2.947002376E8,\"isShift\":false}]
,[\"point\",{\"name\": \"CN-BMF-GLSPFV\",\"x\":76.0,\"y\":49928.03,\"isShift\":false}]
,[\"point\",{\"name\": \"CN-PCP-V00506\",\"x\":77.0,\"y\":61.84,\"isShift\":false}]
,[\"point\",{\"name\": \"COMPANY BOX\",\"x\":78.0,\"y\":1.070926646E7,\"isShift\":false}]
,[\"point\",{\"name\": \"Dev. Equity Fund\",\"x\":79.0,\"y\":1.81381541E8,\"isShift\":false}]
,[\"point\",{\"name\": \"Emerging Equity Fund\",\"x\":80.0,\"y\":1.363403068E8,\"isShift\":false}]
,[\"point\",{\"name\": \"Long Bond Fund\",\"x\":81.0,\"y\":2.858261603E7,\"isShift\":false}]
,[\"point\",{\"name\": \"MAX\",\"x\":82.0,\"y\":2.0593774028E10,\"isShift\":false}]
,[\"point\",{\"name\": \"MAXC Portfolio\",\"x\":83.0,\"y\":9.893601429E7,\"isShift\":false}]
,[\"point\",{\"name\": \"MOD-EUR-OFFENSIVE\",\"x\":84.0,\"y\":500000.0,\"isShift\":false}]
,[\"point\",{\"name\": \"Money-market Fund\",\"x\":85.0,\"y\":4.496258853E8,\"isShift\":false}]
,[\"point\",{\"name\": \"P-200010-01\",\"x\":86.0,\"y\":249937.87,\"isShift\":false}]
,[\"point\",{\"name\": \"P-200010-02\",\"x\":87.0,\"y\":104453.5,\"isShift\":false}]
,[\"point\",{\"name\": \"P-200020-01\",\"x\":88.0,\"y\":1297548.67,\"isShift\":false}]
,[\"point\",{\"name\": \"P-200030-01\",\"x\":89.0,\"y\":692025.96,\"isShift\":false}]
,[\"point\",{\"name\": \"P-200040-01\",\"x\":90.0,\"y\":699289.75,\"isShift\":false}]
,[\"point\",{\"name\": \"P-200050-01\",\"x\":91.0,\"y\":2147219.9,\"isShift\":false}]
,[\"point\",{\"name\": \"P-200050-02\",\"x\":92.0,\"y\":800000.0,\"isShift\":false}]
,[\"point\",{\"name\": \"P-200050-03\",\"x\":93.0,\"y\":112791.5,\"isShift\":false}]
,[\"point\",{\"name\": \"P-200060-01\",\"x\":94.0,\"y\":6643984.24,\"isShift\":false}]
,[\"point\",{\"name\": \"P-200070-01\",\"x\":95.0,\"y\":787580.04,\"isShift\":false}]
,[\"point\",{\"name\": \"P-200080-01\",\"x\":96.0,\"y\":124865.1,\"isShift\":false}]
,[\"point\",{\"name\": \"P-200090-01\",\"x\":97.0,\"y\":173006.49,\"isShift\":false}]
,[\"point\",{\"name\": \"P-200090-02\",\"x\":98.0,\"y\":1297548.67,\"isShift\":false}]
,[\"point\",{\"name\": \"P-200090-03\",\"x\":99.0,\"y\":1297548.67,\"isShift\":false}]
,[\"point\",{\"name\": \"P-200120-01\",\"x\":100.0,\"y\":1305311.04,\"isShift\":false}]
,[\"point\",{\"name\": \"P-200130-01\",\"x\":101.0,\"y\":662491.29,\"isShift\":false}]
,[\"point\",{\"name\": \"P-200160-01\",\"x\":102.0,\"y\":6216768.4,\"isShift\":false}]
,[\"point\",{\"name\": \"P-200190-01\",\"x\":103.0,\"y\":173006.49,\"isShift\":false}]
,[\"point\",{\"name\": \"P-200190-02\",\"x\":104.0,\"y\":1314539.23,\"isShift\":false}]
,[\"point\",{\"name\": \"P-200190-03\",\"x\":105.0,\"y\":1254283.55,\"isShift\":false}]
,[\"point\",{\"name\": \"P-300010-01\",\"x\":106.0,\"y\":499490.38,\"isShift\":false}]
,[\"point\",{\"name\": \"P-300010-02\",\"x\":107.0,\"y\":129269.1,\"isShift\":false}]
,[\"point\",{\"name\": \"P-300020-01\",\"x\":108.0,\"y\":1195847.11,\"isShift\":false}]
,[\"point\",{\"name\": \"P-300030-01\",\"x\":109.0,\"y\":1732502.93,\"isShift\":false}]
,[\"point\",{\"name\": \"P-300040-01\",\"x\":110.0,\"y\":1081290.56,\"isShift\":false}]
,[\"point\",{\"name\": \"P-300040-02\",\"x\":111.0,\"y\":1081290.56,\"isShift\":false}]
,[\"point\",{\"name\": \"P-300040-03\",\"x\":112.0,\"y\":865032.45,\"isShift\":false}]
,[\"point\",{\"name\": \"P-300040-04\",\"x\":113.0,\"y\":86503.24,\"isShift\":false}]
,[\"point\",{\"name\": \"P-300050-01\",\"x\":114.0,\"y\":835489.96,\"isShift\":false}]
,[\"point\",{\"name\": \"P-300130-01\",\"x\":115.0,\"y\":1732502.93,\"isShift\":false}]
,[\"point\",{\"name\": \"P-300140-01\",\"x\":116.0,\"y\":1095225.44,\"isShift\":false}]
,[\"point\",{\"name\": \"P-300140-02\",\"x\":117.0,\"y\":882540.25,\"isShift\":false}]
,[\"point\",{\"name\": \"P-300140-03\",\"x\":118.0,\"y\":865032.45,\"isShift\":false}]
,[\"point\",{\"name\": \"P-300140-04\",\"x\":119.0,\"y\":86503.24,\"isShift\":false}]
,[\"point\",{\"name\": \"P-300150-01\",\"x\":120.0,\"y\":831077.27,\"isShift\":false}]
,[\"point\",{\"name\": \"PARTICIPATIONS PROPARCO\",\"x\":121.0,\"y\":6585428.99,\"isShift\":false}]
,[\"point\",{\"name\": \"PCP-BSB001\",\"x\":122.0,\"y\":1.827898599E7,\"isShift\":false}]
,[\"point\",{\"name\": \"PCP-BSB002\",\"x\":123.0,\"y\":6.114338322E8,\"isShift\":false}]
,[\"point\",{\"name\": \"PCP-BSB003\",\"x\":124.0,\"y\":9.651450732E7,\"isShift\":false}]
,[\"point\",{\"name\": \"PCP-BSB004\",\"x\":125.0,\"y\":1.291668917E7,\"isShift\":false}]
,[\"point\",{\"name\": \"PCP-BSB005\",\"x\":126.0,\"y\":996123.11,\"isShift\":false}]
,[\"point\",{\"name\": \"PCP-BSB006\",\"x\":127.0,\"y\":2091467.27,\"isShift\":false}]
,[\"point\",{\"name\": \"PCP-P00811\",\"x\":128.0,\"y\":1905394.59,\"isShift\":false}]
,[\"point\",{\"name\": \"PCP-P03145\",\"x\":129.0,\"y\":2441445.74,\"isShift\":false}]
,[\"point\",{\"name\": \"PCP-P04381\",\"x\":130.0,\"y\":144830.93,\"isShift\":false}]
,[\"point\",{\"name\": \"PCP-P27016\",\"x\":131.0,\"y\":1618294.85,\"isShift\":false}]
,[\"point\",{\"name\": \"PCP-P33121\",\"x\":132.0,\"y\":6592412.37,\"isShift\":false}]
,[\"point\",{\"name\": \"PCP-P33243\",\"x\":133.0,\"y\":2.116278904E7,\"isShift\":false}]
,[\"point\",{\"name\": \"PCP-V00506\",\"x\":134.0,\"y\":1242393.7,\"isShift\":false}]
,[\"point\",{\"name\": \"PCP-V00901\",\"x\":135.0,\"y\":9921169.8,\"isShift\":false}]
,[\"point\",{\"name\": \"PORT. 003 : ACTIONS CAC40\",\"x\":136.0,\"y\":3364006.7,\"isShift\":false}]
,[\"point\",{\"name\": \"PORT. 005 : ACTIONS CAC40\",\"x\":137.0,\"y\":5.531016796E7,\"isShift\":false}]
,[\"point\",{\"name\": \"PORTEFEUILLE XXX 001\",\"x\":138.0,\"y\":5.179236521E8,\"isShift\":false}]
,[\"point\",{\"name\": \"PORTEFEUILLE XXX 002\",\"x\":139.0,\"y\":3063137.07,\"isShift\":false}]
,[\"point\",{\"name\": \"PTF OBLIGATAIRE\",\"x\":140.0,\"y\":986338.8,\"isShift\":false}]
,[\"point\",{\"name\": \"PTF YYY 001\",\"x\":141.0,\"y\":0.0,\"isShift\":false}]
,[\"point\",{\"name\": \"Passif\",\"x\":142.0,\"y\":1.0,\"isShift\":false}]
,[\"point\",{\"name\": \"Passif OPCVM\",\"x\":143.0,\"y\":5.506625675E8,\"isShift\":false}]
,[\"point\",{\"name\": \"SICAV CAP OPPORTUNITES\",\"x\":144.0,\"y\":1.126469991E8,\"isShift\":false}]
,[\"point\",{\"name\": \"SIP-BNP-200200101\",\"x\":145.0,\"y\":2.009425945E8,\"isShift\":false}]
,[\"point\",{\"name\": \"SIP-BNP-200200102\",\"x\":146.0,\"y\":2.653144497E7,\"isShift\":false}]
,[\"point\",{\"name\": \"SIP-BNP-200200103\",\"x\":147.0,\"y\":616686.45,\"isShift\":false}]
,[\"point\",{\"name\": \"SIP-BNP-200200104\",\"x\":148.0,\"y\":106874.21,\"isShift\":false}]
,[\"point\",{\"name\": \"SIP-BNP-200200105\",\"x\":149.0,\"y\":3.69302018E7,\"isShift\":false}]
,[\"point\",{\"name\": \"SIP-BNP-COMPANY-BOX\",\"x\":150.0,\"y\":2.185E7,\"isShift\":false}]
,[\"point\",{\"name\": \"SIP-CACEIS-100200101\",\"x\":151.0,\"y\":1.7760253867E10,\"isShift\":false}]
,[\"point\",{\"name\": \"SIP-CACEIS-100200102\",\"x\":152.0,\"y\":4.261895671E9,\"isShift\":false}]
,[\"point\",{\"name\": \"SIP-CACEIS-100200103\",\"x\":153.0,\"y\":1.392039386E9,\"isShift\":false}]
,[\"point\",{\"name\": \"SIP-CACEIS-100200104\",\"x\":154.0,\"y\":1.112816892E8,\"isShift\":false}]
,[\"point\",{\"name\": \"SIP-CACEIS-100200105\",\"x\":155.0,\"y\":590892.48,\"isShift\":false}]
,[\"point\",{\"name\": \"SIP-CACEIS-100200106\",\"x\":156.0,\"y\":705512.48,\"isShift\":false}]
,[\"point\",{\"name\": \"SIP-CACEIS-100200107\",\"x\":157.0,\"y\":8.133329341E9,\"isShift\":false}]
,[\"point\",{\"name\": \"SIP-CACEIS-100200108\",\"x\":158.0,\"y\":5156153.73,\"isShift\":false}]
,[\"point\",{\"name\": \"SIP-CACEIS-COMPANY-BOX\",\"x\":159.0,\"y\":7875000.0,\"isShift\":false}]
,[\"point\",{\"name\": \"SIP-COMMISSION-DISTR1\",\"x\":160.0,\"y\":3.728041679E8,\"isShift\":false}]
,[\"point\",{\"name\": \"SIP-COMMISSION-DISTR2\",\"x\":161.0,\"y\":1.245750423E8,\"isShift\":false}]
,[\"point\",{\"name\": \"SLBP-PTF-ACT-001\",\"x\":162.0,\"y\":553222.34,\"isShift\":false}]
,[\"point\",{\"name\": \"SOPRA 1\",\"x\":163.0,\"y\":299632.03,\"isShift\":false}]
,[\"point\",{\"name\": \"Short Bond Fund\",\"x\":164.0,\"y\":2.921264658E8,\"isShift\":false}]
,[\"point\",{\"name\": \"UC-ACCOUNT\",\"x\":165.0,\"y\":1.973963365E8,\"isShift\":false}]
,[\"point\",{\"name\": \"pensionfund\",\"x\":166.0,\"y\":1.4135645167E10,\"isShift\":false}]
,[\"point\",{\"name\": \"portefeuille ePromoter\",\"x\":167.0,\"y\":0.0,\"isShift\":false}]
]]],[\"events\",{},[\"chartEvents\",{}]
,[\"seriesEvents\",{},[\"series\",{},[\"pointEvents\",{\"click\":true}]
],[\"line\",{},[\"pointEvents\",{}]
],[\"spline\",{},[\"pointEvents\",{}]
],[\"scatter\",{},[\"pointEvents\",{}]
],[\"area\",{},[\"pointEvents\",{}]
],[\"areaspline\",{},[\"pointEvents\",{}]
],[\"bar\",{},[\"pointEvents\",{}]
],[\"column\",{},[\"pointEvents\",{}]
],[\"pie\",{},[\"pointEvents\",{}]
]]],[\"chartDataUpdates\",{},[\"seriesDataUpdate\",{\"seriesName\": \"Encours actuel\",\"operation\": \"Add\",\"isReloadPoints\":false},[\"pointsAdded\",{}]
,[\"pointsRemoved\",{}]
]]]]],[\"change\",{\"format\": \"uidl\",\"pid\": \"PID78\"},[\"1\",{\"id\": \"PID78\",\"height\": \"100.0%\",\"width\": \"100.0%\",\"margins\":0,\"alignments\": {},\"expandRatios\": {}},[\"11\",{\"id\": \"PID80\",\"height\": \"100.0%\",\"width\": \"100.0%\",\"isRetrieveSVG\":false,\"isPrint\":false,\"reloadChartSeries\":false},[\"options\",{},[\"title\",{\"text\": \"\"}]
,[\"subtitle\",{}]
,[\"credit\",{\"enabled\":false},[\"position\",{}]
],[\"legend\",{}]
,[\"tooltip\",{}]
,[\"chart\",{\"type\": \"pie\",\"zoomType\": \"\",\"clientZoom\":true}]
,[\"seriesOptionsPerSeriesType\",{},[\"pie\",{\"allowPointSelect\":true},[\"dataLabel\",{\"enabled\":true,\"formatter\": \"function() { return this.point.name +':
'+'Encours actuel' +' : '+ Highcharts.numberFormat(this.percentage, 2) +' %
'+'('+ this.y +')';}\"}],[\"state\",{}]
]],[\"xAxes\",{}]
,[\"yAxes\",{}]
,[\"labels\",{}]
],[\"chartData\",{},[\"series\",{\"name\": \"Encours actuel\",\"xAxis\":0,\"yAxis\":0},[\"pie\",{}]
,[\"points\",{},[\"point\",{\"x\":0.0,\"y\":7.2515663564E10,\"isShift\":false,\"sliced\":true,\"selected\":true}]
]]],[\"events\",{},[\"chartEvents\",{}]
,[\"seriesEvents\",{},[\"series\",{},[\"pointEvents\",{\"click\":true}]
],[\"line\",{},[\"pointEvents\",{}]
],[\"spline\",{},[\"pointEvents\",{}]
],[\"scatter\",{},[\"pointEvents\",{}]
],[\"area\",{},[\"pointEvents\",{}]
],[\"areaspline\",{},[\"pointEvents\",{}]
],[\"bar\",{},[\"pointEvents\",{}]
],[\"column\",{},[\"pointEvents\",{}]
],[\"pie\",{},[\"pointEvents\",{}]
]]],[\"chartDataUpdates\",{}]
],[\"3\",{\"id\": \"PID92\",\"width\": \"100.0%\",\"caption\": \"Current group = \"},\"\"]
]]], \"meta\" : {}, \"resources\" : {}, \"locales\":[]}",[object Object]
)@http://localhost:8080/vaadin-view/VAADIN/widgetsets/com.bsb.soliam.fo.SoliamWidgetSet/771A58169E2AAE4DA61A60AD01738DAC.cache.html:2941 wX([object Object]
,[object Object]
)@http://localhost:8080/vaadin-view/VAADIN/widgetsets/com.bsb.soliam.fo.SoliamWidgetSet/771A58169E2AAE4DA61A60AD01738DAC.cache.html:3226 rm([object Object]
,[object Object]
)@http://localhost:8080/vaadin-view/VAADIN/widgetsets/com.bsb.soliam.fo.SoliamWidgetSet/771A58169E2AAE4DA61A60AD01738DAC.cache.html:2422 Rm([object XMLHttpRequest]
)@http://localhost:8080/vaadin-view/VAADIN/widgetsets/com.bsb.soliam.fo.SoliamWidgetSet/771A58169E2AAE4DA61A60AD01738DAC.cache.html:3220 ([object Event]
)@http://localhost:8080/vaadin-view/VAADIN/widgetsets/com.bsb.soliam.fo.SoliamWidgetSet/771A58169E2AAE4DA61A60AD01738DAC.cache.html:1744 Rb((function () {b.uc(c);}),[object XMLHttpRequest]
,[object Arguments]
)@http://localhost:8080/vaadin-view/VAADIN/widgetsets/com.bsb.soliam.fo.SoliamWidgetSet/771A58169E2AAE4DA61A60AD01738DAC.cache.html:1369 Ub((function () {b.uc(c);}),[object XMLHttpRequest]
,[object Arguments]
)@http://localhost:8080/vaadin-view/VAADIN/widgetsets/com.bsb.soliam.fo.SoliamWidgetSet/771A58169E2AAE4DA61A60AD01738DAC.cache.html:2665 ([object Event]
)@http://localhost:8080/vaadin-view/VAADIN/widgetsets/com.bsb.soliam.fo.SoliamWidgetSet/771A58169E2AAE4DA61A60AD01738DAC.cache.html:1896 fileName: http://localhost:8080/vaadin-view/VAADIN/widgetsets/com.bsb.soliam.fo.SoliamWidgetSet/771A58169E2AAE4DA61A60AD01738DAC.cache.html lineNumber: 3083
Processing time was 397ms for 15835 characters of JSON

Any idea ? Is it possible to use native Highcharts javascript function ?

Thanks in advance for your help.

Instead of Highcharts.numberFormat(), use $wnd.Highcharts.numberFormat().

Cheers

Thanks a lot. It works.

Could you explain why ?

Kind regards

Read this
link

Regards

Thanks a lot for all… it is clear now :wink: