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

Oracle apex 如何在Oracle Apex中使用静态ID定位图表系列?,oracle-apex,oracle-apex-5.1,Oracle Apex,Oracle Apex 5.1,我现在正在使用OracleApex构建一个web应用程序,我想在单击一个按钮后使用Javascript向图表系列添加一个样式类。根据,我知道该区域可以通过静态id找到并操纵。因此,我为图表系列提供了一个静态ID,我想知道如何定位图表系列,并在动态操作中使用Javascript向图表添加样式css 更新: 基于示例图表区域示例,我创建了一个名为“更改颜色”的按钮,并定义了一个动态操作,单击该按钮时将触发该操作。真正的操作是执行Javascript代码,如下所示: $(function( o

我现在正在使用OracleApex构建一个web应用程序,我想在单击一个按钮后使用Javascript向图表系列添加一个样式类。根据,我知道该区域可以通过静态id找到并操纵。因此,我为图表系列提供了一个静态ID,我想知道如何定位图表系列,并在动态操作中使用Javascript向图表添加样式css

更新:

基于示例图表区域示例,我创建了一个名为“更改颜色”的按钮,并定义了一个动态操作,单击该按钮时将触发该操作。真正的操作是执行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]应更改为绿色。但是,执行后什么也没有发生。

您应该使用JavaScript,而不是CSS。。。登录到APEX工作区,单击应用程序Gallary选项卡,然后安装示例图表应用程序。安装完成后,单击运行。登录应用程序,单击导航菜单中的区域,然后选择区域图表颜色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文档以了解有关系列选项的更多信息:

如果您试图在初始化后更改颜色,则需要使用option方法获取序列的数组。从那里,您可以更新所需系列的color属性,然后调用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