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.

Similar Messages

Changing fill colour for partly transparent images

Does anyone know how to change the fill colour used for partly transparent images? I have a bunch of PNGs that I made for use as clip art, which I imported into iPhoto (that way I can use the media browser with Pages and Keynote).
Unfortunately, the images (which are black) are shown on top of a black rectangle both in iPhoto and the media browser. I've tried changing the background colour to both gray and black, but the 'fill' colour stays black.

There's no way to change it if you want to keep the transparency for use in other applications or web pages.
Do you Twango?
TIP: For insurance against the iPhoto database corruption that many users have experienced I recommend making a backup copy of the Library6.iPhoto database file and keep it current. If problems crop up where iPhoto suddenly can't see any photos or thinks there are no photos in the library, replacing the working Library6.iPhoto file with the backup will often get the library back. By keeping it current I mean backup after each import and/or any serious editing or work on books, slideshows, calendars, cards, etc. That insures that if a problem pops up and you do need to replace the database file, you'll retain all those efforts. It doesn't take long to make the backup and it's good insurance.

Flatten transparency Fill colour feathering?

Basically the way I normally filled colours was either make live paint, OR flatten stransparency on my strokes, and to use the paint bucket. I have mostly used teh flatten transparency way to paint, but this tiem when I try to change the colour of my fills, it creates a feather/halo of some sort around my line art and fill colour. When I colour i only use fills, so I dont get added edges to my stroke. I have taken a screen shot of what it is doing.
Is it normal to have white edges around dark on dark colours?

Is this a CYMK-document and your strokes are 100% K?
Then it's just a screen display issue, will be OK in print (at least when trapping is handled correctly). If you need to eliminate the pixel border around the black strokes for use on screen you'll have to use rich black (but you'll be in RGB-mode in that case anyway).

Filled colour as a variable? and setting layer to not block the content underneath?

I wonder if it's possible to take the filled colour (filled with myColor.setRGB(0x993366); like a colouring style) and set the colour filled to be a value of a variable in an if statement? if yes, anyone know how to do it?
and is it possible to set a layer's content so that it does not block any button underneath it? I'm trying use that movie as a mask but I do not want it to block any activity underneath it. or is it better to use the myMovieClip .setMask ( maskMovieClip )(I don't really know how to use this) I only need the masking to appear when a specific button is pressed. Hope my english isn't too confusing. Thanks.

Yes. If you check the documentation for the Color class you will see there is a getRGB() method which returns the value set by the setRGB() method. However it doesn't tell you what color something is, it tells you what color transform has been assigned to that object. So if you make a movie of a red square and you do this:
var myColor:Color=new Color(myClip);
trace(myColor.getRGB()); // traces "0"
Which could either mean it has been tranformed to black or that it has no transform (which is the case here.)
What you are seems more complicated than it probably needs to be. What are you actually trying to do? How are these clips having their transforms assigned? What does it mean that they are a certain color.
As for the layer thing. I have no idea what you are talking about.
BTW, here is something you didn't ask for. Using the on(event) type handler coding went out of style with the introduction of Flash 6 in 2002. It is a very inefficient way to code and is very difficult to maintian because you have to look through all your items to find the code. Most folks these days put the code on the timeline where it is all in one place and easier to maintain. Here is a great article about it:
http://www.quip.net/blog/2006/flash/museum-pieces-on-and-onclipevent

Numbers v5 Setting custom fill colours

With the loss of the top bar cell and font options the new sidebar inpsector contains a more limited range of standard Colour Fill colours, and most are very strong colours. I would like to use the slightly wider range of colours offered in the previous version of Numbers. Is there any way of adding a few custom colours to this selection. I have set some custom colours in the separate colours dialogue box, but prefer not to have to have this open all the time when the Inspector in open all the time as well
This is also a problem in Pages v5
Any suggestions would be appreciated

Hi Emily,
Bring up the Colour window (shift command c).
Step 1. Create a colour (I can't get an arrow or number 1 on top of this screen shot).
Step 2. Your colour will appear as shown by Arrow 2.
Step 3. Drag the colour to the custom palette shown by Arrow 3.
Step 4. Drag from the custom palette to a table cell.
As a test, I Quit Numbers and relaunched. The custom colour was still in the custom palette.
Regards,
Ian.
Edit: Step 3, drag from the colour pane (Arrow 2) to the custom palette (Arrow 3). Ian.

RE: Fill colour issues

Hi have my shape selected I have the fill colour ready, not sure how to proceed from here?

You might want to read the manual about how to use fills and strokes
http://help.adobe.com/en_US/illustrator/cs/using/WS714a382cdf7d304e7e07d0100196cbc5f-6519a .html

Shape fill colour preview

Hi ,
I have been searching around the setting and the net and no luck , wondering how to turn off fill clour preview of a vector shape before the path is closed .
I am in Photoshop CC.
Thanks

I am drawing irregular vector shapes with fill colour . However , i do not want the fill colour to be previewed before it closed.
In CS6 , i pressed 1 to make opactity 10% to draw first and 0 to resume solid colour .
But when i just installed CC , i was amazed that the the path has not solid fill colour previewd before i closed the path/shaped . The thing is today when i was trying to draw again , the fill colour preview appeared again . So, i guess there might be a setting to toggle the preview.

Changing a frame's fill colour

I should produce small text boxes containing reverse text (white letters in black boxes). How and where do I apply black colour to a frame's fill colour?

Select the frame, then in the Swatches panel click the fill color icon in the upper left corner (same icon is in the Toolbox and the Color panel), then choose your fill color.

Problem changing fill colour after image trace?

I am using illustrator cc 2014 to trace a jpeg image. After tracing I want to change the colour of the resulting image. The default colour after tracing is black but the image fill colour is showing as a question mark and when I go to change the colour the whole artboard turns grey no matter what colour I choose. I know the document is in CMYK. Does any one know whats going on here?

Hi I'm still having trouble with this here are a couple of images of the before and after.
This is the traced and expanded image:
And after I select a colour:
There are two problems with this, first is that its gone grey (I'm definitely in CMKY mode) and second is it did not fill the image in the way I had intended.
What am I doing wrong?

Find fill colour frames in images

Hi All,
I am trying to find fill colour frames in images, my code is giving error as Object does not support the property or method "allPageItem"
could anyone solve this please.
var COLOR_NAME="color name string";
     var currentPageItem;
     for (var currentPageItem=0;currentPageItem<app.activeDocument.allPageItems.length;currentPageItem) {
          currentPageItem=app.activeDocument.allPageItem[currentPageItem];
          if ((currentPageItem instanceof Rectangle || currentPageItem instanceof Polygon)
                    && currentPageItem.contentType==ContentType.GRAPHIC_TYPE
                    && currentPageItem.fillColor==COLOR_NAME) { // do what you want
                app.activeDocument.selection=currentPageItem;
               alert("This box has fill color!!");
Thanks in advance
Steve

Hi Chinna,
Thanks for your reply, the code is working with your idea like
var COLOR_NAME="Red";
//~ var COLOR_NAME=app.activeDocument.swatches;
     var currentPageItem;
     for (var currentPageItem=0;currentPageItem<app.activeDocument.allPageItems.length;currentPageItem) {
         currentPageItem=app.activeDocument.allPageItems[currentPageItem++]
          if ((currentPageItem instanceof Rectangle || currentPageItem instanceof Polygon)
                    && currentPageItem.contentType==ContentType.GRAPHIC_TYPE
                    && currentPageItem.fillColor==app.activeDocument.colors.item(COLOR_NAME)) { // do what you want
                app.activeDocument.selection=currentPageItem;
               alert("This box has fill color!!");
Now, how can I find a fill colour in images (all colours which applied in images), could you change it please.
Thanks in advance
Steve

Finding cells by content en replace stroke & fill colour

I have generated in InDesign CS3 a catalogue with hundreds of tables.
unfortunatly there was a mistake or two in building the tables. In a way I need to replace a stroke colour from a cell and also a fill colour.
So my question is if there is a way in InDeisgn CS3 for automatically...
searching in a document for table cells with "text colour Black_EN" AND "fill colour Black_EN" and change that particular cell stroke colour in Black_EN
searching in a document for table cells with "text colour Black_EN" AND "fill colour Black" and change that particular cell fill colour in Black_EN
Can someone help me with a usable script? I'm a newie to scripting so any help is usefull!
thanks in advance, Pascal (form Belgium)

Aaahh .. the old adage of one picture equalling a thousand words. In this case, the words are rather long, as the image is >280K.
O-kay. You have lots of tables, possibly some with bad colors, but the text is always the correct color. How does this sound: you click inside any table, and the script checks the current text color (*). Then it sets all strokes to that color, and the fill of every cell with a 50% fill pattern. It means you can select a table, run the script, select the next, run the script, etc. until done (or utterly bored, whatever comes first).
(*) Actually, the text color of the first character in the top left cell. I hope that's not a problem.
The script is fairly indifferent to your selection: anywhere inside, in the text, or with a cell, row, column or even the entire table selected is no problem.
Graag gedaan! (having them English folks choke on our Dutch gees)
table = app.selection[0];
if (table.hasOwnProperty("baseline"))
table = table.parent;
if (table instanceof Cell)
table = table.parent;
if (table instanceof Column)
table = table.parent;
if (table instanceof Row)
table = table.parent;
if (!(table instanceof Table))
alert ("Echt niet in een tabel!");
exit(0);
color = table.cells[0].characters[0].fillColor;
black = app.activeDocument.swatches.item("Black");
table.cells.everyItem().properties = {
topEdgeStrokeColor:color,
bottomEdgeStrokeColor:color,
leftEdgeStrokeColor:color,
rightEdgeStrokeColor:color };
for (aCell=0; aCell<table.cells.length; aCell++)
if (table.cells[aCell].fillTint == 50)
table.cells[aCell].fillColor = color;

What happened to the range of cell fill colours in Numbers v3?. Can I get them back?

I've just upgraded to Mavericks and the latest version of numbers has the cell fill box on the right hand side margin. The colour box has a much smaller range of colours.
I'd like to put those tools back on the top bar with the original colour range. Is this possible?

Ella,
I don't know how to add a tool to the toolbar. I have found that you can get the Colors Pane to display by clicking on the little color pane symbol as shown below (I don't know what to call that control).
Jerry

Asynchr Calls: Partner Role and My Role must be filled in Partner Link dial

Asynchr Calls: Partner Role and My Role must be filled in Partner Link dialog ?
Is the statement true?
Can I leave for synchronous calls one of the role spec vacant?
AFAIK only in asynchronous calls both drop down values must be specified.
Peter

Thanks for fast reply,
Yes, I defined Partner Role and My Role,and also defined a port type for calling back the request.
I just don't know what's the endpoint address which my asynch web service should use to response to my BPEL process.
Is there anyway to find out what's the endpoint address which the BPEL processes receive the callback response from asynchronous services?
Can I get the address which BPEL engine uses to get the responsse from a called web service?
I guess it should be an obvious work but I'm really disappointed with that.

Cant use colours in AI free version.stroke and fill options are not active either

cant use colours in AI free version.stroke and fill options are not active either

In the Trial version of Illustrator try this:
In the top right of your screen, choose 'Essentials' from the workspace menu.
Then from the same menu, choose Reset Essentials.
Next, click the Selection tool in the Tools panel (strip on the left side of your screen, it is the black pointer at the top).
Click on the object you want to change the stroke and fill colour for. Does it display with little handles around it (this is called bounding box)? E.g. can you tell it is selected?
You should see the Stroke and Fill options in the Control panel (top horizontal strip above your document), if the object you've selected is a path. But if for instance you selected as a placed photo, you won't see the Stroke and Fill options.
If possible take a screenshot of what you are trying to do, and we can be of more help hopefully.

Eyedropper, select stroke, and click on a fill to apply colour to stroke

I`m choosing a stroke, selecting eyedropper and clicking on a fill colour elsewhere, it doesnt apply it to the stroke, this would be simple, how can I choose a stroke and change the stroke colour to match a fill on another object in the quickest possible way?
trying to make a swatch from the fill, then applying it to stroke doesn`t work either,, but thats a long way anyway, has to be a way to apply a fill colour to a selected stroke..
quickest way I know is to use eyedropper to select the fill colour on other object, this fills the fillbox on tool palette, then hover over this fill swatch and drag it onto the stroke swatch on tool palette, then drag the stroke swatch onto the stroked path you want to recolour,
so 3 steps there,anything quicker?

I find that when selecting a colour from another stroke to apply to just the stroke of my selected object, I have to hover over the center spline of the stroke I`m colour picking from, when doing this from blends, there is no center line for the blend pieces generated, you have to guess where the center of the stroke is, if you don`t get the center of the stroke, the selected objects stroke becomes white..
just thought it would be easier if you could click anywhere within the stroke boundaries of a blend piece, I could always expand the blend, but not simply to use its colours generated for strokes elsewhere, but its a work around,
still love it anyway, thanks for showing,

Render Fill Colour on SVG Dial Sweep at Runtime

Similar Messages

Maybe you are looking for