Project: titanium
Issue TIMOB-16607: Android: WebView not loading local RGraph library javascript files
I am using web view in my alloy application to render charts using RGraph HTML5 library. My code works perfectly fine on iOS. Unfortunately on Android I keep getting an error indicating that RGraph library files haven't been loaded: [INFO] : I/TiWebChromeClient.console: (main) [1259542,1259713] Uncaught ReferenceError: RGraph is not defined (app:///barchart.html) I have attached the HTML file & function from my controller code that can be used to reproduce the issue. RGraph library can be downloaded from here : http://www.rgraph.net/download I changed the extensions of all js files in the library to .jsf to stop Titanium from compiling them. And this is the structure of my folders in the project app/assets/android/libraries {here I've put RGraph library js files} app/assets/android/barchart.html {html file to be displayed; attached} Similar for iOS. The rest of the project follow the common structure of alloy project. Please don't hesitate to contact me if you have any questions. Here is the js code that I'm using: {code} function showGraph() {	var resFolderPath = Ti.Filesystem.getResourcesDirectory() + '/';	//Graph View creation var graphWebView = Ti.UI.createWebView({ url: resFolderPath+ 'barchart.html', left: 100 }); //To stop graph from scrolling graphWebView.addEventListener('touchmove',function(e) {	return false; });	var win_height = Ti.Platform.displayCaps.platformHeight * 0.7; var win_width = Ti.Platform.displayCaps.platformWidth;	var win = Ti.UI.createWindow({	backgroundColor : '#40000000'	}); var view = Ti.UI.createView({ backgroundColor: '#F2F2F2', bottom: -win_height, width : win_width, height : win_height });	var closeButton = Titanium.UI.createButton({	title: 'Close',	top: 10,	left: 10,	height: 50	});	closeButton.addEventListener('click',function(e)	{ win.close(); });	var chartTitle = Titanium.UI.createLabel({	text: "Chart Test",	right: 10,	textAlign: Ti.UI.TEXT_ALIGNMENT_RIGHT,	top: 10,	zIndex: 1	});	view.add(chartTitle);	view.add(closeButton);	view.add(graphWebView);	win.add(view);	if(OS_ANDROID) {	win.open({ modal: true, navbarHidden: true });	}	else {	win.open();	} } {code} Here is the HTML that I'm trying to display: {code}

A basic bar chart

[No canvas support]

{code}
Story points: 5