AnyChart APEX5集成

Question

我正在用apex5开发一个网页。我想显示一种类型的AnyChart，它不包括在AnyChart区域选项中，例如面积图或标记图。我有很多想法，但都不能付诸实施。有没有人在标准AnyChart JavaScript API或XML的帮助下，成功地在APEX页面中显示了自定义的AnyCharts？

我尝试了XML和JavaScript，它们是从页面加载的动态操作中调用的。但是我找不到正确的配置，它从来没有工作过。如果有人有一个有效的AnyChart集成的例子，我会很高兴，我想知道什么地方和时间放置什么。

Answer 1

我们在大多数图表上都使用了自定义的AnyChart XML。但是我们在应用程序进程中使用它。

HTML代码：

<span id="chartSpan"> </span>

JS代码如下：

用于添加元素(相应地更改路径)：

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");

用于加载数据：

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);
// do something 

} );

申请流程GEN_XML_AJAXDATA_PROJECT(简称)：

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 your 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' THEN 
End;
    for resrow in (SELECT apex_application.g_x01 AS CSVLINE FROM 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 then
            exit;
    end;
end loop;


dbms_lob.close(l_data);
if l_data is not null then
    dbms_lob.freetemporary(l_data);
end if;

end;

我强烈建议使用chrome developer选项来调试ajax响应。这样你就可以在notime中发现你的问题了：

​