Forum Replies Created by ajeetkumar786

Viewing 4 posts - 1 through 4 (of 4 total)
  • August 30, 2018 at 3:34 pm in reply to: Xpages Graph Issues #22448

    ajeetkumar786

    Hi,

    We have tried to do,but still same issues. Please find the below code details.

    <?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">
<xp:panel style="width:100%">
	<xp:table style="width:100.0%">
		<xp:tr>
			<xp:td>Parameter</xp:td>
			<xp:td>
				<xp:inputText id="inputText1"><xp:this.defaultValue><![CDATA[#{javascript:"[{ label: \"apple\",  y: 10  },{ label: \"orange\", y: 15  },{ label: \"banana\", y: 25  },{ label: \"mango\",  y: 30  },{ label: \"grape\",  y: 28  }]"}]]></xp:this.defaultValue></xp:inputText></xp:td>
		</xp:tr>
		<xp:tr>
			<xp:td></xp:td>
			<xp:td>
				<xp:button value="Save" id="button1">
					<xp:eventHandler event="onclick" submit="false">
						<xp:this.script><![CDATA[alert(document.getElementById("#{id:inputText1}").value)]]></xp:this.script>
					</xp:eventHandler>
				</xp:button>
			</xp:td>
		</xp:tr>
	</xp:table>
</xp:panel>

<!--  CanvasJS Charts -->
<html>
<head>

<script type="text/javascript">
//var dps=[{ label: "apple",  y: 10  },{ label: "orange", y: 15  },{ label: "banana", y: 25  },{ label: "mango",  y: 30  },{ label: "grape",  y: 28  }];
//var dps=document.getElementById("#{id:inputText1}").value;
window.onload = function(){

	require(['CanvasJS'], function(CanvasJS) {
       var dps=document.getElementById("#{id:inputText1}").value;
		var chart = new CanvasJS.Chart("chartContainer", {
			theme: "light1", // "light2", "dark1", "dark2"
			animationEnabled: false, // change to true		
			title:{
				text: "Basic Column Chart"
			},
			data: [
			{
				// Change type to "bar", "area", "spline", "pie",etc.
				type: "column",
				dataPoints: dps
				
				
				
			}]
		});
		chart.render();

	});
}
</script>
</head>
<body>
	<div id="chartContainer" style="height: 370px; width: 100%;"></div>
	<script src="https://cdn.canvasjs.com/canvasjs.min.js"> </script>
</body>
</html>
<!-- CanvasJS Charts -->

</xp:view>
    August 30, 2018 at 3:12 pm in reply to: Xpages Graph Issues #22445

    ajeetkumar786

    Thanks for the prompt action.

    Let me check and confirm.

    August 6, 2018 at 3:11 pm in reply to: Canavas Chart is not supporting X-Pages IBM Domino Platform #22138

    ajeetkumar786

    Application deployed on Domino Platform. How to access.

    August 6, 2018 at 2:16 pm in reply to: Canavas Chart is not supporting X-Pages IBM Domino Platform #22133

    ajeetkumar786

    Dear Team,
    Thanks for the prompt action.
    As suggested, we have changed and check but same issues.

    For your information, please check the below details of view page source.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="/xsp/.ibmxspres/.mini/css/2Ojcore.css&2Ojdojo.css&2OkblueTheme.css&2OkdojoTheme.css&@Da&@Ib&@Th&@Ti&@Tj.css" />
<script type="text/javascript">var dojoConfig = {locale: 'en-us'};</script>
<script type="text/javascript" src="/xsp/.ibmxspres/dojoroot-1.8.3/dojo/dojo.js"></script>
<script type="text/javascript" src="/xsp/.ibmxspres/.mini/dojo/.en-us/@Iq.js"></script>
<script type="text/javascript">dojo.require("ibm.xsp.widget.layout.xspClientDojo")</script>
</head>
<body class="xsp lotusui tundra">
<form id="view:_id1" method="post" action="/Apps/OMM/ommcrm.nsf/CHARTTEST.xsp" class="lotusForm" enctype="multipart/form-data">
<html><head><script>window.onload = function () {

var chart = new CanvasJS.Chart("chartContainer", {
	animationEnabled: true,
	exportEnabled: true,
	theme: "light1", // "light1", "light2", "dark1", "dark2"
	title:{
		text: "Simple Column Chart with Index Labels"
	},
	data: [{
		type: "column", //change type to bar, line, area, pie, etc
		//indexLabel: "{y}", //Shows y value on all Data Points
		indexLabelFontColor: "#5A5757",
		indexLabelPlacement: "outside",
		dataPoints: [
			{ x: 10, y: 71 },
			{ x: 20, y: 55 },
			{ x: 30, y: 50 },
			{ x: 40, y: 65 },
			{ x: 50, y: 92, indexLabel: "Highest" },
			{ x: 60, y: 68 },
			{ x: 70, y: 38 },
			{ x: 80, y: 71 },
			{ x: 90, y: 54 },
			{ x: 100, y: 60 },
			{ x: 110, y: 36 },
			{ x: 120, y: 49 },
			{ x: 130, y: 21, indexLabel: "Lowest" }
		]
	}]
});
chart.render();

}</script></head><body><div id="chartContainer" style="height: 300px; width: 100%;"></div><script src="assets/script/canvasjs.min.js"></script></body></html>
<input type="hidden" name="$$viewid" id="view:_id1__VUID" value="!f3lggqibnx!" />
<input type="hidden" name="$$xspsubmitid" />
<input type="hidden" name="$$xspexecid" />
<input type="hidden" name="$$xspsubmitvalue" />
<input type="hidden" name="$$xspsubmitscroll" />
<input type="hidden" name="view:_id1" value="view:_id1" /></form>
</body>
</html>
Viewing 4 posts - 1 through 4 (of 4 total)