Skip to Main Content

APEX

Announcement

For appeals, questions and feedback about Oracle Forums, please email oracle-forums-moderators_us@oracle.com. Technical questions should be asked in the appropriate category. Thank you!

embedded jet chart status-meter-gauge in Oracle apex card region

gkthomasDec 15 2020 — edited Dec 15 2020

I am trying embed a meter gauge chart in Card region. However I am not successful . I don t see the chart at all . Can someone help me on where am I missing, I am creating an agents(emp) reports cards
my query results are basically Name (varchar) , value number, Max_value number. max value is his given quota , and value is achieved . I wan to the percent of achievement in each agent .
I did the following
I created a js file with content
require(["ojs/ojchart"], function() {});
file is myjetchart.js
uploded the file in my static application files

Then entered this in the page
Javascript File URL
[require jet]#APP_IMAGES#myjetchart.js

CSS File URL
#JET_CSS_DIRECTORY#alta/oj-alta-notag-min.css

card regions media

Media Advanced formatting
html Expression

<oj-status-meter-gauge
id="agents"
angle-extent = 250
start-angle = 215
min='0'
value=&VALUE.
max=&MAX_VALUE.
labelled-by="readOnly"
thresholds='[{"max":1,"color":"yellow"}, {"max":6,"color":"blue"},{"max":10,"color":"red"}]'
label.text="Performance"
orientation= "circular"
class="speedometer" readonly>
</oj-status-meter-gauge>

I am on Oracle apex version 20.2
George Thomas

Comments
Post Details
Added on Dec 15 2020
5 comments
1,053 views