Forum Replies Created

Viewing 4 posts - 1 through 4 (of 4 total)
  • in reply to: Xpages Graph Issues #22448

    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”&gt;
    <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://canvasjs.com/assets/script/canvasjs.min.js”&gt; </script>
    </body>
    </html>
    <!– CanvasJS Charts –>

    </xp:view>

    in reply to: Xpages Graph Issues #22445

    Thanks for the prompt action.

    Let me check and confirm.

    Application deployed on Domino Platform. How to access.

    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”&gt;
    <html xmlns=”http://www.w3.org/1999/xhtml&#8221; 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)