使用morris.js在XPage上绘制图表

Question

There are many easily implementable and FREE charting components around. But running them in xPages is a pain. I've tried morrisjs but raphael.js conflicts with dojo. I'm getting a javascript error

Uncaught ReferenceError: Raphael is not defined 

Disabling dojo solves this problem but I'm losing all other dojo functionality which sucks.

I've put this line on beforePageLoad to disable dojo

facesContext.getRequestParameters().setJsLibrary(0);

How can I overcome this problem?

This might be off topic but I'm ok with other charting solutions which can be implemented on xpages easily and freely.

Answer 1

Have you tried to use the charting libraries that are included with Dojo and therefore already included? I am currently using them with good results. I first found a good example at OpenNTF

And here is an excellent tutorial .

I also have used the Java charts also from OpenNTF but found the Dojox version to be a bit more flexible and less memory intensive for the Xpage.

Answer 2

The problem is that Raphael doesn't comply to the shared practices of module loading. The usual hack is to load it as first module.

The better solution is to use the AMD (that's the loading convention) compatible version of Raphael.

Details are here: https://github.com/DmitryBaranovskiy/raphael/pull/540