Enable Highcharts boost.js

Enable Highcharts boost.js


I'm displaying date time data in a Charts graph and the rendering is very slow when displaying thousands of data points. For example 20000 data points takes 70 seconds in Chrome (v60.0.3112.113). Surprisingly, about the same in IE 11.

The data points are simply a date time and a count.

HighCharts has a 'boost.js' module that is supposed to speed it up dramatically.  I've tried including their js module using the AddJavaSciptTag action in the HTTPRequestHandle extension. Then setting the 'boost:useGPUTranslations: true' in an AdvancedFormat_Init action.

I've attached a sample eSpace.

JSFiddle sample: https://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/boost/line/

Does anyone have advice for getting the 'boost' module to work with OutSystems?

Or any other tips for speeding up the rendering would be appreciated as well.

Thanks in advance!

Hi Peter,

From my understanding, Boost need a Highcharts more recent than the version OutSystems uses.

You can try to use the HighChartsComponent from Forge: https://www.outsystems.com/forge/component/196/highchartscomponent/

and adapt it to your needs.

Also, to use Boost you should use an xy expression in your webscreen (or better yet in a xy expression in a webblock that is inside your webscreen) and:

  • set its Value property to:
"<script src=""https://code.highcharts.com/modules/boost.js""></script>"
  • set Escape content property to No

If you set the script in the AddJavascriptTag Action it will be too soon: the highcharts will not be loaded yet, and it will give you an error.



Thank you for your reply. I'll give it a try using the Forge component you mentioned!