javascript - AnyChart APEX5 Integration -


i'm developing web page apex 5. want show anychart of type, not included in apex chart region options, e.g. area charts or marker charts. i've had multiple ideas, couldn't make work. has succeeded in showing custom anycharts in apex pages of standard anychart javascript api or xml?

i tried both xml , javascript, called dynamic action on page load. couldn't find right configuration, never worked. glad if has example of functioning anychart integration, i'd know place , when.

we use custom anychart xml on of our diagrams. use application proccesses.

html code:

<span id="chartspan"> </span> 

the js code following:

for adding element (change paths accordingly):

var chart = new anygantt('/i422/flashchart/anygantt_4/swf/anygantt.swf');  chart.addeventlistener('resourceselect', onresourceselect); chart.addeventlistener('periodselect', onperiodselect); chart.addeventlistener('periodeditingend', onperiodedit);  chart.width = "100%"; chart.height = "70%"; chart.write("chartspan"); 

for loading data:

apex.server.process ("gen_xml_ajaxdata_project", {   pageitems: "#p28_projectid",     x01: $v('p28_projectid'),     x02: 'another parameter',   }, {     datatype: "text"   , success: function( pdata ) {    xmldata = pdata;   //flash = anygantt._charts.chart__0;         flash = chart;    flash.setxmldatafromstring(xmldata); //   } ); 

the application process "gen_xml_ajaxdata_project" (shortend):

declare l_data clob; l_chart_data_xml varchar2(32767);  l_amt integer := 4000; l_pos integer := 1; l_buf varchar2(32000);   begin  sys.htp.htbuf_len := 63;  dbms_lob.createtemporary(l_data, false, dbms_lob.session ); dbms_lob.open(l_data, dbms_lob.lob_readwrite );   --add xml data code here l_chart_data_xml := '<anygantt>  <settings> <navigation enabled="true" position="top" size="30">  </navigation> <editing allow_edit="true">   <rounding>     <date unit="week" step="1" />   </rounding> </editing>'; dbms_lob.writeappend(l_data, length(l_chart_data_xml), l_chart_data_xml);  if apex_application.g_x02 = 'false'  end;     resrow in (select apex_application.g_x01 csvline dual) loop     l_chart_data_xml := resrow.csvline||chr(13)||chr(10); end loop;  l_chart_data_xml := '</resource_chart>' || chr(10) || '</anygantt>'; dbms_lob.writeappend(l_data, length(l_chart_data_xml), l_chart_data_xml);   loop     begin         dbms_lob.read(l_data, l_amt, l_pos, l_buf );         l_pos := l_pos + l_amt;         l_amt := 4000;          sys.htp.prn( l_buf );          exception         when no_data_found             exit;     end; end loop;   dbms_lob.close(l_data); if l_data not null     dbms_lob.freetemporary(l_data); end if;  end; 

i highly advise using chrome developer options debug ajax response. figure problems in notime: chrome developer options


Comments

Popular posts from this blog

Hatching array of circles in AutoCAD using c# -

ios - UITEXTFIELD InputView Uipicker not working in swift -

Python Pig Latin Translator -