Dial chart

Hello everybody...
I want to create a percent dial chart. This chart should show a 'performance', expressed by a percentage. This value is obtained by the ratio between two values:
1-the first value (i'll call it "VALUE") derives from a sql query
2-the second value, a target value (i'll call it "TARGET") has a default value that could be changed by the user, and it's contained in a text item
the dial chart should show the ratio: VALUE/TARGET.
is it possible? what are the single steps to obtain this result?
thank you very much

gavaking,
I have not used the percent dial chart but did a quick trial on what is required and what you are asking to do seems doable.
You have asked how it would be done, the process would require you to setup a variable for example P1_User_Target which the user would enter prior to the computation of the query. The other "VALUE" you could recall from the page as P2_VALUE and would be easily run via the LoV function in APEX.
Once both of these are established you would then build the query for the percent Dial and rename each appropriately.
Again I have not done specifically what you are requesting here but it does seem doable.
If you need more help writing the query let me know, or perhaps someone more exprienced then myself will pipe in with a bit more insight.
Randy

Similar Messages

Synchronize item with dial chart

Hi,
i have a dial chart that shows the avg query duration.
i have a display text item that is selecting from the same table but give more info such as min query time and max query time.
my dial chart is refreshing every 10 minutes
how can i make the display text item refresh as well in order to keep the two synchronized ?
10x
Zvika

You will need a bit of AJAX to achieve your objective.
Define a JS function like
<script>
function update_item(pNow) {
setTimeout("update_item(true)",15000);    // 15000 is time in ms - should match your charts refresh time
if (pNow){
     var get = new htmldb_Get($x('P16_X'),$x('pFlowId').value,'APPLICATION_PROCESS=UPDATE_INFO',0);     // P16_X is the page-item that needs refreshing ,UPDATE_INFO is an Application Process
gReturn = get.get();
</script>In the Chart Region's ' Region Footer' add
<script>
addLoadEvent(update_item(false));
</script>Define an On-Demand 'Application Process' named 'UPDATE_INFO'. For the process text do something like
declare
newvalues varchar(200);
begin
   newvalues := 'Whatever my newvales for query time etc are ....';
   htp.prn(newvalues);
end;And that should be it
Varad

Apex 4 - strange problem with dial chart

I may be misunderstanding the way dial charts worked but here goes.
I created a dial chart (not %) just a regular dial chart.
my query was : select count(*), 200 from mytable; -- just counting number of rows (always less than 200)
So when the query return 40, my chart shows 40. But when the query is returning 0, my dial won't go below 2.
So I tried modifying query to select count(*), 200, 0, 200 from dual; Same problem.
And here it gets weird. I went into the query section of apex and changed my query (note, I did not create new dial, just moded old one) to
select 0, 100 from dual;
I still get back a value of 1 on the dial.
Anybody seen anything like this? It's like some weird uber cache somewhere or something. I can't figure it out.
Addition :
So we did the following :
select 0, 20 from dual; -- shows 0
select 0, 100 from dual; -- show 1
select 0, 200 from dual; -- show 2
select 0, 500 from dual; -- show 5
Is this a bug?
Edited by: user3932435 on Aug 11, 2010 7:28 PM

Hi,
Thanks for bringing this issue to my attention. It appears that you have hit some behaviour that's reproducible in our Flash 3 charts as well as our Flash 5 charts with APEX 4.0. I believe the reason that it wasn't apparent before now, with the Flash 3 charts, is because there was no option to display a value on the gauge pointer with the earlier charts. With APEX 4.0, we've extended the Chart Attributes to allow for the display of the value. Obviously in your case, the incorrect value is being displayed and will be misleading to your users. I appreciate this is not ideal, but if possible I would suggest updating your attributes to switch off the display of the Value on the gauge. I will address this in a future release, as with the exposure of the "Value" attribute with Flash 5 charts, we don't want to be displaying incorrect information. Thanks again for bringing this to our attention, and hopefully by switching off the Value attribute, you can still proceed with your use of the gauge chart.
Regards,
Hilary

Dial chart dynamic color range

Hi
I am trying to dynamically change range of the scalebar color.
I see that I can give Apex a low and high value exactly for this reason.
    Invalid Dial chart query, use the following syntax:
     SELECT VALUE, MAX [, LOW, HIGH] VALUE FROM ...
    VALUE      Numeric column that defines dial value.
    MAX      Numeric column that defines Maximum dial value.
    LOW (optional)      Numeric column that defines the low value of a range to display on the dial. If this value is defined, a HIGH value is required.
    HIGH (optional)      Numeric column that defines the high value of a range to display on the dial. If this value is defined, a LOW value is required.
    This query should return one row.I would hope for Apex to use those value in the #SCALE_DATA# in the Chart XML.
<axis start_angle="90" sweep_angle="180" >
#SCALE_DATA#
        <labels enabled="true" align="Inside" text_align="Near" rotation="0" >
              <format><![CDATA[{%Value}{numDecimals:0,decimalSeparator:\,,thousandsSeparator: }%]]></format>
          <font family="Tahoma" size="10" color="#000000" />
        </labels>
</axis>But it does not seems to work.
I only need to add those lines
<scale_bar enabled="false" />
<color_ranges>
   <color_range start="0" end="25" color="Red" />
   <color_range start="25" end="90" color="Green" />
   <color_range start="90" end="100" color="Red" />
</color_ranges>25 being the #LOW# value and 90 the #HIGH# value.
I do not want to use custom XML everywhere.
ANy iadea if I can modify the default XML or modify the behavior of the #SCALE_DATA# ?
Thanks a lot
Sebastien

Hello,
What do you mean by maximum value?
The 10 in the query is to figure out values other than the dial itself there is not a graphical component that represents that number.
The high line usually is used historical maximum value. Do you want to change the color of the dial when it hits 10?
Carl

Questions about traffic light Dial chart.

Greetings,
I want to create a dial chart which will use the traffic light colors to display normal/warning/dangerous. However, I have not found anything about how to do it either at the documentation or threads in the forum. Could anybody who has already done similar things shed some lights here?
Thanks in advance.

Hello,
Yes you can do all of that using the custom css section.
These are the css attributes for the dial charts
text.tic{stroke:none;fill:#000000;font-size:12px;}
line.tic{stroke:#000000;stroke-width:1px;fill:none;}
#dial{stroke:#336699;stroke-width:2px;fill:#336699;fill-opacity:.5;}
#dial.alert{fill:#FF0000;fill-opacity:.5;}
#dialbackground{stroke:#000000;stroke-width:none;fill:none;filter:url(#MyFilter);}
#dialcenter{stroke:none;fill:#111111;filter:url(#MyFilter);}
#dialbackground-border{stroke:#DDDDDD;stroke-width:2px;fill:none;filter:url(#MyFilter);}#low{stroke-width:3;stroke:#336699;}
#high{stroke-width:3;stroke:#FF0000;}
And here is an example page where you can try different css combinations, http://htmldb.oracle.com/pls/otn/f?p=11933:85,
You can use an item value to populate the css section so just use some plsql to create the right css depending on your values.
Carl

APEX Dial Chart

Hi, I am using following sql as a source for my DIAL CHART... Chart is working fine for larger values (in millions) but for smaller values (around 1.4 million) it's showing repeated numbers on the dial grid (such as $0M, $0M... $1M, $1.M)...
select SUM(a.YTD/1000000) value,
1.68 as MAX_VALUE
from
(select sum(YTD) YTD from "BL"."MV_BILLING" where MKT_SEGMENT = 'ABC' and year = 2010) a
Over the grid, I want to show meaning full values such as for records close to $1.5 million it should show something like this .1 M, .2M, .3M and so on... Please advice
Thanks

Hi,
This might help with dial chart syntax
http://download.oracle.com/docs/cd/E14373_01/appdev.32/e11838/app_comp.htm#sthref1111
I think you need have dynamical MAX VALUE also
Br,Jari

Duplicate Dial Chart Values

Hey Everyone,
This must be easy to solve, but my searches have yet to reveal the answer. I just created a simple chart based on the average value from a table. Here is my source query:
SELECT AVG(TIME_VAL) VALUE, 5 MAX, MIN(TIME_VAL) LOW, MAX(TIME_VAL) HIGH FROM PROJECT_SURVEYS
However, on the output chart I get values of 0,0,1,1,2,2,3,3,4,4,5,5. Why??
Mike

Hey,
Not too sure what you mean here. The label is derived from the value (AVG(TIME_VAL)). I tried removing the labels, but I get exactly that - no labels.
I just experimented with decimal places and it seems to work 'properly' now. I changed it to 2 decimal places and now my values show as:
0.00
0.50
1.00
1.50
Shouldn't this have worked with 1 decimal place, which I tried, because it would be nice to only show the one?? Also, how could I go about removing the labels for these intermediate (0.50) ticks?? Any thoughts are appreciated,
I just tried a 'tick spacing' of 1. This is nice for limiting the labels, intervals, but it would still be nice to be able to use 'intermediate' and unlabelled ticks. What I have now will suffice however,
Mike
Message was edited by:
given2fly

Create a link for a Dial (Percent) chart to allow drill down

Hi,
I have a page with a number of 'Dial (Percent)' charts displayed. This acts as a dashboard to show pass/fail percentages for a number of data tests. I would like to be able to click on the dial and drill down to a report detailing the failing records.
As far as I can tell, the query syntax ofr a dial chart does not allow the definition of links. My quesry is therefore:
select sum(case when fail_pass = 'PASS' THEN 1 else 0 end)    value,
         count(*)                                                                  max_value,
         0                                                                             low_value,
         sum(case when fail_pass = 'PASS' THEN 1 else 0 end)    high_value
from
         au_test1_vDoes anyone know how I can add a link to this chart?
Thanks,
Martin
Edited by: MartinF on Aug 19, 2010 1:01 PM

Hi Martin,
Ahh that's a pity, 'cos the Action Link option was only added with APEX 4.0. With the Flash 3 dial chart, as supported in APEX 3.2.1, there's no support to add a link to the pointer of the chart. I'm not sure if this would work in your case, but if you really want a link on your dial chart, then you could try including the link within the Region Source of your chart, as suggested in this related thread:Re: Flash Chart: Dial Chart to open popup webpage :
To link from a Dial Chart, simply open the Region Definition page. In the Region Source place an anchor tag around the <object> tags as follows:
<a href="http://www.oracle.com" target="_self">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
     codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
     width="#WIDTH#"
     height="#HEIGHT#"
</embed>
</object>
#CHART_REFRESH#
</a>So the link would be applied to the whole region as opposed to just the dial pointer. Again, I'm not sure if this workaround will do the trick for you, but unforunately I don't know of any other way to achieve this with the AnyChart 3 dial chart. Maybe it's a good enough reason to upgrade to our latest release? :-)
Regards,
Hilary

SYNTAX FOR A DIAL % FLASH CHART

Hello everybody,
I am using one of those dial % charts. The query could not be simpler, as it just selects the average of the values of a column and displays that as the %
select avg(double_check), 100 from storedetails
(this 100 here is part of the required syntax that asks for the maximum value)
Now, I would like that in that dial chart there is a subrange, a triangular piece of the pie that ranks from a low limit to a high limit value. Say, 70% and 90% So values under 70% are poor, and values above 90% are ok
That is what I thought that would mean the LOW, and HIGH values, but as I try to include that in the syntax, then I get the parsing errors.
select avg(double_check), 100 [,70[,90]] from storedetails this will not work. How can I get those subvalues 70 and 90 included within the semicircunference which is the dial chart?
thank you very much
Alvaro

Hi Alvaro,
did you write your query without '\[' and '\]' brackets? I created an example chart which works with this select select 20,50,10,40 from dualYou can see it here
Cheers,
Jure

CF Chart - Using WebChart Dial Style?

Using ColdFusion 7 on Windows Server 2003.
Is there a way to implement Webchart 5.0 Dial chart (template ..\charting\gallery\a-combo-3D\combo-d.wcp) through ColdFusion?
There is no ColdFusion chart type="Dial". But can Webchart style sheet (in XML Style tab) along with JSP coding (in Code View tab) be embedded to drive a dial chart graphic output in Coldfusion page?

Here are more details. I am at a loss as how to approach getting the correct display. **Addtional note: running on IIS6 web server.
Previous design above used "dialchart" find string locators and specified a "chartModel" XML as:
<cfsavecontent variable="chartModel"><?xml version="1.0" encoding="UTF-8"?>
<XML type="default">
<COL>Area1</COL>
<COL>Area2</COL>
<COL>Area3</COL>
<ROW col0="30.0" col1="50.0" col2="100.0">Set0:</ROW>
<ROW col0="100.0" col1="80.0" col2="20.0">Set2:</ROW>
</XML>
</cfsavecontent>
Based on ColdFusionJedi article (http://www.coldfusionjedi.com/index.cfm/2008/1/18/Coolest-CFCHART-Trick-Ever) comments (J. Lyle Martin on 9 July 2008, at 11:45 AM; and Raymond Camden on 9 July 2008, at 12:41 PM), played with URL path declarations/substitutions, removing URL domains.
Page now displays the border and legend, but still shows no dial graphic.
Dial as displayed within WebCharts3D:
Current web page display:
Current cfm definiton:
Webchart_Dial_test07.cfm



<cffile action="read" variable="sChartStyle"
   file = "D:\directypath...\charts\Webchart_Dial_test00.wcp" >

<cfset iStart = findNoCase("<dialChart",sChartStyle)>
<cfset iEnd = findNoCase("</dialChart>",sChartStyle)>
<cfsavecontent variable="chartStyle">
<cfoutput><?xml version="1.0" encoding="UTF-8"?>
#mid(sChartStyle,iStart,iEnd-iStart+13)#
</cfoutput>
</cfsavecontent>
<cfsavecontent variable="chartModel"><?xml version="1.0" encoding="UTF-8"?>
<XML type="default">
<COL>Area1</COL>
<COL>Area2</COL>
<COL>Area3</COL>
<ROW col0="30.0" col1="50.0" col2="100.0">Set0:</ROW>
<ROW col0="100.0" col1="80.0" col2="20.0">Set2:</ROW>
</XML>
</cfsavecontent>
<cfscript>
oMyWebChart = createObject("Java","com.gp.api.jsp.MxServerComponent");
oMyApp = getPageContext().getServletContext();
oSvr = oMyWebChart.getDefaultInstance(oMyApp);
oMyChart2 = oSvr.newImageSpec();
oMyChart2.width = 375;
oMyChart2.height= 375;
oMyChart2.type = "png";
oMyChart2.style = "#chartStyle#";
oMyChart2.model = "#chartModel#";
</cfscript>

<cfsavecontent variable="chartImgTag">
<cfoutput>#oSvr.getImageTag(oMyChart2,"/CFIDE/GraphData.cfm?graphCache=wc50&graphID=")#</c foutput>
</cfsavecontent>

<cfset chartImgTag = replace(chartImgTag,"/Images/","/","All")>
<cfoutput>
<p>
#chartimgtag#
</cfoutput>
WebCharts3D system generated wcp definiton used to present "dial" shown in earlier graphic:
Webchart_Dial_test00.wcp
<?xml version="1.0" encoding="UTF-8"?>
<project width="483" height="414" xmlStyleFilename="" embedStyles="true"
imageType="swf" palette="#FDFEF6" xmlModelFilename="" source="Embedded Xml"
annotation="">
<style>
   <dialChart dial="Dial180" minorTicksVisible="true" inside="#CCCCCC" hand="#666666"
    is3D="true" isTransposed="false" seriesTitle="" font="Arial-11"
    foreground="black" isMultiline="false">
    <axis type="Scale" isVisible="true" drawLine="true" isAbsolute="true"
     scaleMin="" scaleMax="" labelCount="0" isReversed="false"
     isBucketed="true" isAntialiased="false">
     <labelFormat style="Number" pattern="#,##0.###">
      <locale/>
     </labelFormat>
     <parseFormat style="None" pattern="#,##0.###">
      <locale/>
     </parseFormat>
     <dateTimeStyle majorUnit="Day" majorStep="1" minorUnit="Day" minorStep="1"/>
     <logStyle type="IncludeEven" base="10"/>
     <labelStyle isMultiline="true" isMultilevel="false" isHideOverlapped="false" orientation="Horizontal"/>
     <titleStyle isVisible="true" margin="0" font="Arial-14-bold" isMultiline="true">
     </titleStyle>
    </axis>
    <handStyle isInside="false" size="6" type="ThickArrow" shadowOffset="4"/>
    <knobStyle color="#CCCCCC" size="12" type="Gradient" shadowOffset="8"/>
    <dialStyle labelStyle="Outside" majorTickStyle="Diamong" majorTickSize="0" minorTickStyle="Rectangle"
     minorTickSize="0" minorTicksPlacement="Outer" dialSize="150" majorTickLength="25"
     minorTickLength="10" showDialLabels="true" isAxisInside="false" fillColor="white">
     <outerBorder size="25" fillColor="white" isGradient="true" min="30"
      max="50"/>
     <innerBorder size="2" fillColor="#999999" isGradient="false" min="30"
      max="40"/>
    </dialStyle>
    <dataLabels style="Value" placement="Inside" extraLines="0" autoControl="false"
     background="#00000000" isAntialiased="false" font="Arial-12" isMultiline="false">
     <decoration style="None" foreColor="black"/>
    <![CDATA[
$(colLabel) $(value)\n$(colPercent) of $(colTotal)
    ]]>
    </dataLabels>
    <legend spacing="5" allowSpan="false" equalCols="true" isVisible="true"
     showColumnLegend="true" placement="Top" valign="Middle" halign="Center"
     useMarkers="false" background="#00000000" isAntialiased="false" isMultiline="true">
     <decoration style="Shadow" foreColor="black"/>
    </legend>
    <elements action="" target="" place="Clustered" shape="Pyramid"
     outline="black" markerSize="8" shapeSize="300" lineWidth="4"
     drawOutline="false" drawShadow="true" showMarkers="true" fixedWidth="5">
     <movie framesPerSecond="16" frameCount="25" stageDelay="0" replayDelay="-1"/>
     <morph morph="Blur" stage="None"/>
     <series index="1" isSecondAxis="false" forceBreak="false">
      <morph/>
      <marker type="Rectangle" bitmap="marker.gif"/>
      <paint image=""/>
      <dataLabel>
      </dataLabel>
     </series>
    </elements>
    <table isVisible="false" placement="Left" isTransposed="false" cellSpacing="0"
     cellPadding="4" negativeForeground="#FF8000" border="Outer">
     <decoration style="Round" foreColor="black"/>
     <colLabels hAlign="Center" vAlign="Middle" isVisible="true" background="#00000000"
      isAntialiased="false" isMultiline="true">
      <decoration style="None" foreColor="black"/>
     </colLabels>
     <rowLabels hAlign="Left" vAlign="Middle" isVisible="true" background="white"
      isAntialiased="false" isMultiline="true">
      <decoration style="None" foreColor="black"/>
     </rowLabels>
     <cells hAlign="Right" vAlign="Middle" isVisible="true" background="#00000000"
      isAntialiased="false" isMultiline="true">
      <decoration style="None" foreColor="black"/>
     </cells>
     <format style="Number">
      <locale/>
     </format>
     <heatmap isEnabled="false" isAbsolute="true" minColor="red" maxColor="green"
      minLevel="0.0" maxLevel="0.0" bucketCount="0" palette="UseMinMax"
     />
    </table>
    <title placement="Top" valign="Middle" halign="Center" spacing="5"
     background="#00000000" isAntialiased="false" font="Arial-16-bold" isMultiline="true">
     <decoration style="Shadow" foreColor="black"/>
    </title>
    <background type="PlainColor" minColor="white" maxColor="blue" imagePlacement="Centered"
     imageLocation=""/>
    <decoration style="ThinRound" foreColor="black"/>
    <popup showOn="MouseOver" decoration="Simple" background="#80FFFF00" isAntialiased="false"
     foreground="blue" isMultiline="false"/>
    <paint palette="Standard" paint="Shade" isVertical="true" min="26"
     max="60" image=""/>
    <insets left="0" top="25" right="0" bottom="0"/>
   </dialChart>
</style>
<model>
<![CDATA[
<?xml version="1.0" encoding="UTF-8"?>
<XML type="default">
<COL>Area1</COL>
<COL>Area2</COL>
<COL>Area3</COL>
<ROW col0="30.0" col1="50.0" col2="100.0">Set0:</ROW>
<ROW col0="100.0" col1="80.0" col2="20.0">Set2:</ROW>
</XML>
]]>
</model>
<importOptions filename="" sep="," quote="" hasColLabels="false"
   hasRowLabels="false" isCrosstab="false"/>
<databaseOptions driver="sun.jdbc.odbc.JdbcOdbcDriver" connection="jdbc:odbc:..." username="" encryptedPassword=""
   isCrosstab="false" hasRowLabels="false">
</databaseOptions>
</project>

Is there a way to make a chart relative?

There are a lot of MBean attributes that are monotonically increasing (like messages processed, number of requests, etc.).
Is there a way to graph or chart those values in a delta format?
For example if the attribute is 102 messages for one graphing period and 113 the next time, can we get 11 drawn on the dial/chart?

In the Flight Recorder the rate of change and deltas between the first and last values can be shown, but we don't have this in the JMX Console right now. Let me open an enhancement request on this!
The easy way to do this would be to let dials have a delta mode where they show the difference between the first value since reset and whatever the current value is.

Don't understand pie chart color manipulation

Hi,
I've tried changing the colors of my pie chart in the CSS file, but I can't seem to figure out what to change. I don't think I understand how it works.
The line I tried to modify is:
#dial{stroke:#336699;stroke-width:2px;fill:#336699;fill-opacity:.5;}
Is this the right line?
Thanks,
Nora

Hello,
No that line controls the part of the dial chart.
take a look at this example http://apex.oracle.com/pls/otn/f?p=11933:32
What your going to want to mess with will look like this
#data1 ,rect.data1 ,path.data1{fill:#336699;}
#data2 ,rect.data2 ,path.data2{fill:#FF0000;}
#data3 ,rect.data3 ,path.data3{fill:#00FF00;}
#data4 ,rect.data4 ,path.data4{fill:#0000FF;}
#data5 ,rect.data5 ,path.data5{fill:#DDDDDD;}
#data6 ,rect.data6 ,path.data6{fill:#FFFF00;}
Carl

Chart Query and Failed to parse SQL query

Hi,
first of all, this is not a question. It is a reminder for me and maybe for someone with the same problem.
I just fell over this for the 123124 time.
I have a 3D Chart Query
select sum(order_ok) value,
      count(*) maximum_value
from      v_dialer_campaign
where campaign_uuid = :P300_CAMPAIGN_IDSaving fails with
"1 error has occurred Failed to parse SQL query!" ...
Saving the query without validation works, but does not show any result in the chart.
v_dialer_campaign is a view selecting from a view in a mssql db over database link and HS.
running the select in sqlplus or toad works.
Without any trace on freetds/unixodb/hs side, i would have not found the following line:
[FreeTDS][SQL Server]The data types nvarchar and text are incompatible in the equal to operator.[FreeTDS][SQL Server]Statement(s) could not be prepared.
Solution:
with q as (select :P300_CAMPAIGN_ID val from dual)
select     sum(order_ok) value,
     count(*) maximum_value
from     v_dialer_campaign
where     campaign_uuid in ( select val from q)Maybe the error output when validating the query should be included in the APEX error message.
Same solution applies for dynamic LOV's reading from HS using a where clause.

I tried your first query on Apex 3.2 and it created a nice dial chart.
Is there any ORA-xxxxx error along with the "failed to parse SQL query" message? Did you double check column & table name spelling?
P.S. The second query is invalid (a superfluous comma after the second column).

Help with sql for dial graph

Hi
I have the following SQL query
select (count(select status from tbl_issues where status = 'Open' or status ='On-Hold') - count(select status from tbl_issues where status = 'Closed')) value , 100 max_value
from tbl_issues
when I save changes it comes up with the following errors
1 error has occurred
Failed to parse SQL query:
select (count(select status from tbl_helpdesk_calls where status = 'Open' or status ='On-Hold') - count(select status from tbl_helpdesk_calls where status = 'Closed')) value , 100 max_value from TBL_HELPDESK_CALLS
ORA-00936: missing expression
Certain queries can only be executed when running your application, if your query appears syntactically correct, you can save your query without validation (see options below query source).
what I want to do is display on the dial chart whether the performance of a helpdesk is poor or bad using the dials.
thanks for your help

Hi,
I did wonder about the "100 MAX_VALUE" setting!
For our help desk system (not in ApEx), they have statistics by month. There is also a graph showing how long it took them to resolve calls. You might consider something like that instead?
Regards
Andy

Render Fill Colour on SVG Dial Sweep at Runtime

Hi all,
Thank you for taking the time to review this post.
I have been evaluating the various Dial charts in ApEX v3.0.1 and feel that the SVG 'Dial - Sweep' chart best meets my needs. I would like the fill colour to be determined at runtime depending on whether the returned value is above or below a set 'high' value.
As an example,
SELECT <x> value, -- if below 80 then fill is red, else fill is green
100 maximum_value,
0 low_value,
80 high_value
FROM dual;
As the comment states if the returned value is below the stated high value (80%) I want the sweep to be filled in Red (#FF0000) and for other values (>= 80%) to be filled in Green.
I see that there are CSS entries that could potentially be manipulated:
#dial{stroke:#336699;stroke-width:2px;fill:#ff0000;fill-opacity:.5;}
#dial.alert{fill:#ff0000;fill-opacity:.5;}
I just am unsure as to how to change the fill colours of these dynamically at runtime dependant on the result from my SQL Query source.
Is anyone able to offer some guidance and examples please?
Kind Regards,
Gary.

Hi all,
Just wondering if anyone is able to offer any examples or suggestions to this post.
I have a workaround which is to create two Charts, each with a different colour scheme and Conditional Display logic (Exists) on each Chart that determines whether the returned value is greater (or less) than the stated high value (80% in my example).
As I am displaying 6 Charts on this page, there is a huge performance overhead in running 12 Conditional Display logic SQL Statements plus the actual Chart SQL Statement.
I'm wondering whether I can utilise any of the standard Attribute features, such as "Onload Javascript".
Unfortunately, I'm not familiar with Javascript so I'm not sure if (or how) I can reference the SQL Statement Value for comparison with the stated high value, or whether I can use it to change the CSS entries - #dial{stroke:#336699;stroke-width:2px;fill:#ff0000;fill-opacity:.5;} and #dial.alert{fill:#ff0000;fill-opacity:.5;}
As I say, any examples or suggestions greatly appreciated :-)
Kind Regards,
Gary.

Dial chart

Similar Messages

Maybe you are looking for