$(function () { pageContext.i18n.modTalk = 'moderation talk'; pageContext.i18n.replyToComment = 'Reply'; pageContext.i18n.modTalkEmpty = 'moderation talk is empty'; pageContext.url.getModTalk = "/comments/%25ID%25/listModTalk.json"; pageContext.url.possibleCommentRecipients = "/comments/%ID%/possibleRecipients.json"; pageContext.url.commentEdit = '/comments/%25ID%25/edit.html'; pageContext.url.commentView = '/comments/%ID%/view.html'; pageContext.i18n.commentVisibility = { 'full': 'Viewable by all users', 'op': 'Viewable by the original poster', 'mod': 'Viewable by moderators', 'opAndMod': 'Viewable by moderators and the original poster', 'other': 'Advanced visibility', 'dialogTitle': 'Comment visibility', 'selectGroups': 'Visible to groups', 'selectOther': 'Other recipients', 'selectOriginalPoster': 'Original poster', 'selectModerators': 'Moderators', 'selectAssignees': 'Asked to answer users' }; pageContext.i18n.commentMenuLabels = { 'comment-edit': 'comments.menu.edit', 'comment-delete': 'comments.menu.delete', 'comment-convert': 'comments.menu.convert' };pageContext.i18n.answer= { bestAnswer: 'Best Answer', controlBar : { accept: 'Accept', unaccept: 'Unaccept', acceptCommand: 'Accept this answer as correct', cancelAcceptedCommand: 'Remove this answers accepted status' } }; window.croles = { u: false, op: false, m: false, og: false, as: false, ag: false, dc: false, doc: false, eo: false, ea: false }; tools.init({ q: { e: false, ew: false, eo: false, r: false, ro: false, d: false, dow: false, fv: false, c: false, co: false, p: false, tm: false , ms: false, mos: false }, n: { f: false, vf: false, vfo: false, vr: true, vro: true, c: false, co: false, vu: false, vd: false, w: false, wo: false, l: false }, c: { e: false, eo: false, d: false, dow: false, ta: false, tao: false, l: false }, a: { e: false, ew: false, eo: false, d: false, dow: false, a: false, aoq: false, ao: false, tc: false, tco: false, p: false, tm: false }, pc: croles }, { tc: true, nsc: true }); commandUtils.initializeLabels(); }); Skip to Content
avatar image
Former Member

How to make i5Chart clickable

How to make i5Chart clickable and opens up in a pop-up window?

Here is one chart code:

var i5Chart1 = new com.sap.xmii.chart.hchart.i5Chart("WVLMicrofiber7/Charts/WVLCharts", "WVLMicrofiber7/WebServices/WSWVL7TESTDATA");

                i5Chart1.setChartWidth("540px");

                i5Chart1.setChartHeight("250px");

                var Query1= i5Chart1.getQueryObject();

                Query1.setParameter("Param.1",Machine);  

                Query1.setParameter("Param.2","FREENES1");      

                i5Chart1.draw("1");

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

1 Answer

  • Best Answer
    avatar image
    Former Member
    Jul 29, 2014 at 05:45 AM

    Hi Amr,

    To make an element clickable you can use the below snippet (with jQuery):

    $("#chart1").click(function() { window.open('http://www.google.com', '_blank'); });

    where chart1 is the div id provided in i5Chart1.draw("chart1")

    Best Regards,

    Ria






    Add comment
    10|10000 characters needed characters exceeded

    • Former Member Former Member

      Hi Amr,

      That code didn't work because the div id that you have used in load() is incorrect. Within div tag you have used "1" as the id and in load() you have used "div1". You can modify the div tag as shown below and it should work for you:

      <div id="div1"/>


      Further, I didn't get what you mean by "do not think it applies to the charts".



      Best Regards,

      Ria