正文 

当前位置： 首页 > 源码 >

如何在 Oracle Apex 中使用静态 ID 定位图表系列？

     2023-03-28     46

关键词：

【中文标题】如何在 Oracle Apex 中使用静态 ID 定位图表系列？【英文标题】：How to locate the chart series using static ID in Oracle Apex? 【发布时间】：2019-11-22 13:53:56 【问题描述】：

我现在正在使用 Oracle Apex 构建一个 Web 应用程序，我想在单击一个按钮后使用 Javascript 将样式类添加到图表系列。根据Add filters to Interactive Grid via Javascript，我知道可以通过static id找到该区域并进行操作。因此，我给图表系列一个静态ID，我想知道如何定位图表系列，并在Dynamic Action中使用Javascript为图表添加样式css。

更新：

基于示例图表（区域）示例，我创建了一个名为change color 的按钮，并定义了一个动态操作，该操作将在单击该按钮时触发。真正的动作是执行 Javascript 代码，如下所示：

    $(function( options ) 

    // Setup a callback function which gets called when data is retrieved, to manipulate the series data
    options.dataFilter = function( data ) 
        data.series[ 0 ].color = "#90ee90";
        return data;
    ;

    return options;
);

执行 Javascript 后，data.series[0] 应更改为绿色。然而，执行后什么都没有发生。

【问题讨论】：

【参考方案1】：

您应该使用 JavaScript，而不是 CSS...登录您的 APEX 工作区，单击 App Gallery 选项卡，然后安装 Sample Charts 应用程序。安装完成后，单击运行。登录应用程序，单击导航菜单中的区域，然后选择区域图表颜色（JavaScript 代码自定义）选项卡。这可能是您开始的最佳位置。

转到编辑页面，选择面积图（颜色 JavaScript 代码自定义）区域的属性，然后向下滚动到高级 > JavaScript 初始化代码。在那里，你会看到这段代码：

function( options ) 

    // Setup a callback function which gets called when data is retrieved, to manipulate the series data
    options.dataFilter = function( data ) 

        data.series[ 0 ].color = "#ED6647";
        data.series[ 0 ].borderColor = "#0F3248";
        data.series[ 0 ].markerDisplayed = "on";
        data.series[ 0 ].markerShape = "plus";
        data.series[ 0 ].markerColor = "red";
        data.series[ 0 ].markerSize = 8;
        data.series[ 0 ].pattern = "smallChecker";
        return data;
    ;

    return options;

请参阅 JET API 文档以了解有关系列选项的更多信息：https://www.oracle.com/webfolder/technetwork/jet/jsdocs/oj.ojChartSeries.html

如果您在初始化后尝试更改颜色，则需要使用option 方法获取系列数组。从那里，您可以更新所需系列的颜色属性，然后调用 refresh 方法来更新 DOM。

var series = apex.region("area1").widget().ojChart('option', 'series');

series[0].color = '#ED6647';

apex.region("area1").widget().ojChart('refresh');

【讨论】：

感谢您让我知道我可以使用 Javascript 来启动颜色。但是，我想要的是在页面上添加一个按钮，点击后可以更改 data.series[0] 颜色。我尝试在动态操作中复制粘贴并修改此 Javascript 代码，但它不起作用。 啊，我对Javascript代码做了一些更改，现在没有错误了。但是，即使我在动态操作的功能中设置了 data.series[ 0 ].color = "#000000"，颜色仍然相同。 您在说什么动态操作？您能否显示您正在使用的确切代码（将其添加到问题中）？ 我已经更新了问题，你能检查一下吗？ 非常感谢。我正在使用相同的情况但在函数内部（选项）-我想在这里获取此图表静态ID你能帮忙@DanMcGhan

如何在 Oracle APEX 中使用替换变量

】如何在OracleAPEX中使用替换变量【英文标题】：HowtousesubstitutionvariablesinOracleAPEX【发布时间】：2021-02-2208:42:31【问题描述】：我已经尝试了所有可以在Internet上找到的方法，但有些东西不起作用。我听说您可以在OracleAPEXSQLWorkshop... 查看详情

如何加入 Apex oracle

】如何加入Apexoracle【英文标题】：HowtomakejoininApexoracle【发布时间】：2020-05-1307:51:59【问题描述】：嘿嘿嘿请帮我完成我的任务我有2张桌子：-Nasabah(id,name,address).-Transaksi_Nasabah(id,nominal,date,kategori,id_nasabah)在类别中有2个值（存款... 查看详情

如何仅使用 sql 在 apex oracle 的交互式网格中实现选择列表以及 oracle APEX 中可用的内容？

】如何仅使用sql在apexoracle的交互式网格中实现选择列表以及oracleAPEX中可用的内容？【英文标题】：HowcanIimplementaselectlistinapexoracle\'sinteractivegridusingonlysqlandwhat\'savailableinoracleAPEX?【发布时间】：2021-06-0213:29:16【问题描述】：IDMateri... 查看详情

删除 Oracle Apex 交互式网格行操作

...布时间】：2019-04-2221:15:21【问题描述】：在OracleAPEX中，如何删除交互式网格行操作中的不同操作？我想从行操作和选择操作菜单中删除删除或添加行的功能。【问题讨论】：【参考方案1】：区域设置、高级、静态ID：emp页面设... 查看详情

Oracle Apex - 如何在动态列表中显示图像

】OracleApex-如何在动态列表中显示图像【英文标题】：OracleApex-HowShowImageinaDynamicList【发布时间】：2018-01-3020:02:51【问题描述】：我已经为子菜单页面创建了动态列表，现在我想为每个列表条目显示图像【问题讨论】：【参考方案... 查看详情

在 oracle apex 20 中仅显示表中显示来自 LOV 的显示值而不是 id

】在oracleapex20中仅显示表中显示来自LOV的显示值而不是id【英文标题】：showdisplayvalueinsteadofidfromaLOVindisplayonlytableinoracleapex20【发布时间】：2020-06-2410:43:37【问题描述】：我正在使用如下形式的LOV，Display|Value-------|-------A|1-------|---... 查看详情

如何在 oracle apex 中验证两个选择列表

】如何在oracleapex中验证两个选择列表【英文标题】：Howvalidatetwoselectlistinoracleapex【发布时间】：2020-04-0500:28:18【问题描述】：我正在使用Oracleapex，并且我有2个选择列表组件，它们从同一个表中获取元素。我想建立一个货币转换... 查看详情

Oracle Apex - 更改图表标签

...相关联的数字。图表显示标签中插入了表格（数字），我如何从另一个表格（文本）中显示ID的代表名称？【问题讨论】：【参考方案1】：在图表属性中，您可以指定SQL中的哪一列代表报表中显示的标签。selectcoun 查看详情

不能在 sql 查询 APEX ORACLE 中使用绑定变量作为表名

...的查询，Apex不允许我运行，因为应用程序不知道表名。如何使用变量作为表名动态查询。【问题讨论】：【参考方案1】：方法如下：使用虚拟SELECT语句创建 查看详情

如何使用 Oracle Apex 处理版本控制

】如何使用OracleApex处理版本控制【英文标题】：HowtohandleversioningwithOracleApex【发布时间】：2011-12-1711:39:54【问题描述】：OracleApex很棒。我遇到的最大问题是将它与源代码控制一起使用。通常在进行更改后，整个应用程序都会被... 查看详情

在使用 oracle apex 加载数据时，我应该查找其他表以匹配 id 并提取列值

】在使用oracleapex加载数据时，我应该查找其他表以匹配id并提取列值【英文标题】：Whiledataloadingusingoracleapexishouldlookuptoothertableformatchingidandpullacolumnvalue【发布时间】：2015-10-0116:45:48【问题描述】：我正在使用OracleApex4.2构建应用... 查看详情

如何在 Oracle APEX 中更改页码

】如何在OracleAPEX中更改页码【英文标题】：HowtochangepagenumberinOracleAPEX【发布时间】：2022-01-1919:34:04【问题描述】：我需要有关替换APEX19中的页面的帮助。业务案例：我们有用户可以看到的实时页面，并且我们有我们的测试区域... 查看详情

在 Oracle Apex 中禁用 IR 中的链接

】在OracleApex中禁用IR中的链接【英文标题】：DisableaLinkinIRinOracleApex【发布时间】：2021-03-2310:24:18【问题描述】：我有一个问题。我的交互式报表表中有三列。第一列是MID，它是隐藏的。其他列是MNAME和收入。MID是MNAME的ID。当ID不... 查看详情

Oracle Apex：如何执行程序并在页面上显示结果

】OracleApex：如何执行程序并在页面上显示结果【英文标题】：OracleApex:Howtoexecuteprocedureanddisplaytheresultsonapage【发布时间】：2020-12-2104:11:06【问题描述】：我有一个动态将应用程序ID作为输入并根据应用程序ID显示结果的过程。如... 查看详情

如何在 Oracle APEX 的报表中为每一行添加一个编辑按钮？

】如何在OracleAPEX的报表中为每一行添加一个编辑按钮？【英文标题】：HowdoyouaddaneditbuttontoeachrowinareportinOracleAPEX?【发布时间】：2010-11-0717:08:33【问题描述】：我正在使用OracleAPEX，并且我在页面中有一个报告区域，该区域显示来... 查看详情

如何使用 APEX 函数编译 Oracle 包？

】如何使用APEX函数编译Oracle包？【英文标题】：HowtocompileOraclepackagewithAPEXfunctions?【发布时间】：2019-05-0206:27:21【问题描述】：我正在尝试编译我的同事留给我的Oracle包。但是，包装规格。包含一些我的Oracle环境中可能没有构建... 查看详情

如何在 Oracle Apex 中循环 G_FXX，其中 XX = (01,02..n)？

】如何在OracleApex中循环G_FXX，其中XX=(01,02..n)？【英文标题】：HowtoloopG_FXXwhereXX=(01,02..n)inOracleApex?【发布时间】：2018-06-2610:55:07【问题描述】：基本上我想要实现的是循环遍历G_F0X数组以使我的代码更紧凑而不使用例如：APEX_APPLICA... 查看详情

Oracle APEX 交互式网格：如何使用 PLSQL 访问内容？

】OracleAPEX交互式网格：如何使用PLSQL访问内容？【英文标题】：OracleAPEXInteractiveGrid:HowtoaccessthecontentswithPLSQL?【发布时间】：2018-07-0520:12:23【问题描述】：我想使用PLSQL访问交互式网格的内容。唯一相似的是“保存交互式网格数据... 查看详情