Problems with pie chart formatting - APEX v2

Hi - I have created a region with an SVG Pie Chart and set the CSS to display the three segments as red, yellow and green using one of the examples from a previous forum posting. That all works fine, but I still have two issues with the chart:-
- the legend is displaying too big and is overlapping the right hand region border which looks messy. Is there anyway to force the size of the legend as there is lots of blank space to the right of the labels/values?. If not, is there any way to get the legend to display at the bottom of the area rather than to the side of the chart?
- the pie chart is 3D but the colours are only displaying on the side, not the top. Is there something I need to set to get this to work OK? Current CSS included below.
Thanks Caroline
text{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;fill:#000000;}
tspan{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;fill:#000000;}
text.title{font-weight:bold;font-size:14;fill:#000000;}
text.moredatafound{font-size:12;}
rect.legend{fill:#EEEEEE;stroke:#000000;stroke-width:1;}
text.legend{font-size:10;}
#background{fill:#FFFFFF;stroke:none;}
rect.chartholderbackground{fill:#ffffff;stroke:#000000;stroke-width:1;}
#timestamp{text-anchor:start;font-size:9;}
text.tic{stroke:none;fill:#000000;font-size:12}
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;}
#XAxisTitle{letter-spacing:2;kerning:auto;font-size:14;fill:#000000;text-anchor:middle;}
text{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;fill:#000000;}
tspan{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;fill:#000000;}
text.title{font-weight:bold;font-size:14;fill:#000000;}
text.moredatafound{font-size:12;}
rect.legend{fill:#EEEEEE;stroke:#000000;stroke-width:1;}
text.legend{font-size:10;}
#background{filter:url(#MyFilter);fill:#555555;stroke:none;}
rect.chartholderbackground{fill:#ffffff;stroke:#000000;stroke-width:1;}
#timestamp{text-anchor:start;font-size:9;}
text.tic{stroke:none;fill:#000000;font-size:12}
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;}
#XAxisTitle{letter-spacing:2;kerning:auto;font-size:14;fill:#000000;text-anchor:middle;}
#YAxisTitle{letter-spacing:2;kerning:auto;font-size:14;fill:#000000;text-anchor:middle;writing-mode:tb;}
.XAxisValue{font-size:8;fill:#000000;}
.YAxisValue{font-size:8;fill:#000000;text-anchor:end;}
.AxisLabel{font-size:8;fill:#000000;}
.nodatafound{stroke:#000000;stroke-width:1;font-size:12;}
.AxisLine{stroke:#000000;stroke-width:2;fill:#FFFFFF;}
.GridLine{stroke:#000000;stroke-width:0.3;stroke-dasharray:2,4;fill:none;}
g.dataholder rect{stroke:#000000;stroke-width:0.5;}
.legenditem rect{stroke:#000000;stroke-width:0.5;}
#data1 ,rect.data1 ,path.data1{fill:#FF0000;}
#data2 ,rect.data2 ,path.data2{fill:#FFFF00;}
#data3 ,rect.data3 ,path.data3{fill:#00FF00;}

hi Kishore,
For this we have to change the .pcxml file for the pie chart .This is the path
\OracleBI\web\app\res\s_oracle10\popbin\pie.pcxml
http://obiee101.blogspot.com/2008/08/obiee-cusstomising-your-pcxml.html
http://debaatobiee.wordpress.com/2009/09/26/customising-graph-obiee-a-charismatic-gradient-effect/
I am not sure whether it will work or not but try it out
thanks,
saichand.v

Similar Messages

Problem with Pie Chart

Hi Experts!!
I've a little problem with a Pie Chart, I want to present a Pie Chart with 3 values which are defined on the Data Series, when I deploy I get the message: "Expected exactly 1 data series in XXXXX chart. Extra data series ignored". I don't understand why, because if I try to do a Column Chart with the same information, it works Ok!
Can anybody help me please?.
Emilio.

Multiple data series with Pie Chart is not possible. you must have one series if u r using pie chart

Problem with Pie Chart Size

I am using the CL_GUI_CHART_ENGINE to show pie charts in a dashboard format. One of my charts has just started to randomly decide to display the pie slices incorrectly.
this is the XML for the data
<Chartdata>
<Categories>
    <Category>Fax</Category>
    <Category>Phone call</Category>
    <Category>Phone Support</Category>
    <Category>Emergency service</Category>
    <Category>Web</Category>
    <Category>Email</Category>
    <Category>EDI</Category>
</Categories>
<Series label="Series" customizing="Series">
    <Point label="$26,815.03">
      <Value type="y">26,815.03</Value>
    </Point>
    <Point label="$17,045.12">
      <Value type="y">17,045.12</Value>
    </Point>
    <Point>
      <Value type="y">0.00</Value>
    </Point>
    <Point>
      <Value type="y">0.00</Value>
    </Point>
    <Point label="$33,914.70">
      <Value type="y">33,914.70</Value>
    </Point>
    <Point label="$23,731.63">
      <Value type="y">23,731.63</Value>
    </Point>
    <Point label="$973.08">
      <Value type="y">973.08</Value>
    </Point>
</Series>
</Chartdata>
The problem is, the last point on the pie chart is showing like it is about 85% of the pie. I admit, this is my first attempt at this, but why would it be OK, then suddenly NOT OK. Any ideas on what i may have coded incorrectly? what does the type indicator in the Value tag represent? i have looked at the documentation available for the chart engine, and it is pretty weak on specifics.
by the way, the label on the very large part of the pie is $973.08, which is considerably less than the values in the other "slices". The data is correct, as far as having the correct values. it is just suddenly displaying it incorrectly, putting the wrong size slice with the categories.
Edited by: David Knittle on Nov 22, 2010 1:32 PM

could it be because the chart is interpreting the values as text values instead of numbers? and 9 would then be much larger than ther other values? I'd try values without comma....tell it it's a numeric value like 12345.67.

Problem with Pie chart, Store Procedure and Category Axis

Hi All,
I'm having a problem when i try to use a Pie Chart with a store procedure
when Category Axis - Field value is "none", the chart appears, but the description say Undefined
but when i put any field from store procedure, the chart doesn't show.
when I try the same with a normal SQL statement, all data was displayed
my store procedure only have 2 columns
n - numeric
state - text
The Store Procedure and the SQL, returns the same data in the same order
Thanks in advance
Cristian

Hi guys,
I need guide on creating a system using store procedure, referring to this thread: JDBC System Connection VS BI JDBC System Connection
Hope you can help me out.
Thanks a lot,
Sarah

Problem with Pie chart and Hierarchy

I have to display a Pie chart according to a hierarchy.
The top node claims half of the chart.
<u>A hierarchy for example</u>:
Division A            450
   Department A1 100
   Department A2 150
   Department A3 200
The Pie chart is divided to 4 parts (instead of 3), where Division A takes 50%.
I dont want Division A to be seen in the chart.
The best solution would be if WAD could ignore the first category.
Thanks and best regards,
Sigal.

In WAD, mark the SUPPRESS_OPENHIERARCHIENODES parameter of the Pie Data Provider.

Regarding Pages charts, when I try to 'build' a 3D chart all I get is little dots but not graphics. No problems with 2D charts though. Guess my question is "Help?"

Regarding Pages charts, when I try to 'build' a 3D chart all I get is little dots but not graphics. No problems with 2D charts though. Guess my question is "Help?"

Sorry for the delay getting back to this.
Thanks to Fruhulda and Peter for their comments regarding the refusal of Pages to let me make 3D charts.
In answer to the questions put to me in this regard :
1. Pages version : Pages '09 v.4.1 (923)
2. Mac O/S :          v.10.6.8
3. 3D chart :          Can't find a 'name', but upright bars with rounded corners ???
4. Moved apps :    Not that I'm aware of! All should be as installed off the disc.
5. A note :              I have been able to create these in the past - related to a SW update?
                      and ... can create these charts perfectly in Keynote (go figure).
Thanks to all.
CM

Problem with Excel output format

Hi Guys,
I am creating a report in XML Publisher (not standalone). I am facing some problems could anyone please help me to figure out the issues.
Is it possible to have all three output format (PDF, HTML & EXCEL) exact (same aligned) only by creating a single RTF Template? I am facing the problem with Excel output format the output format of excel is taking excels cell formatting.
Example Numeric fields --> Right Aligned, text fields --> Left Aligned
One more issue with excel is -ve(negative) values are getting displayed in red and in brackets like ($13) (with red color).
Our client want excel output on priority.
Is there any limitation for excel output format of reports?
It is very urgent for us please help.
Any help would be highly appreciated.
Thanks,
Pragati
Edited by: user11237443 on Aug 27, 2009 1:22 AM

Hi Mahi,
Thanks for your response. But i could not understand how can we write wrapper program could you please give some light on this or provide some link it would be helpful for me:-)
I have read that blog for excel limitations but i have more question?
1) What about the negative values?
if any field is displaying negative amount then excel not displaying right value for that:(
2)How can we align header or data?
Do XMLP with EBS provide any solution for formatting in excel?
3) If for the alignment of numeric value we concatenate them with any special character then how can we perform calculation that field?
Here are so many formatting issues do we need to write any code in xml for that?
Please help.
Many Thanks,
Pragati

Problem with Area Chart

Hi EveryOne,
Me having problem with area chart,i have taken 3 area series
to plot when me plotting the values one of the series is getting
overlapped,Why its happening like this? Me attached the code
Thanks in advance.
<?xml version="1.0"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml">
<mx:Script><![CDATA[
import mx.collections.ArrayCollection;
[Bindable]
public var expenses:ArrayCollection = new ArrayCollection([
{Month:"Jan", Profit:0, Expenses:0, Amount:450},
{Month:"Feb", Profit:5, Expenses:0, Amount:600},
{Month:"Mar", Profit:5, Expenses:5, Amount:300},
{Month:"Mar", Profit:0, Expenses:5, Amount:300}
public var expenses1:ArrayCollection = new ArrayCollection([
{Month:"Jan", Profit:0, Expenses:5, Amount:450},
{Month:"Feb", Profit:5, Expenses:5, Amount:600},
{Month:"Mar", Profit:5, Expenses:10, Amount:300},
{Month:"Mar", Profit:0, Expenses:10, Amount:300}
public var expenses2:ArrayCollection = new ArrayCollection([
{Month:"Jan", Profit:5, Expenses:0, Amount:450},
{Month:"Feb", Profit:10, Expenses:0, Amount:600},
{Month:"Mar", Profit:10, Expenses:6, Amount:300},
{Month:"Mar", Profit:5, Expenses:6, Amount:300}
]]></mx:Script>
<mx:AreaChart id="myChart"
showDataTips="true">
<mx:series>
<mx:AreaSeries id="ara" dataProvider="{expenses}"
xField="Expenses"
yField="Profit"
/>
<mx:AreaSeries id="ara1" dataProvider="{expenses1}"
xField="Expenses"
yField="Profit"
/>
<mx:AreaSeries id="ara2" dataProvider="{expenses2}"
xField="Expenses"
yField="Profit"
/>
</mx:series>
</mx:AreaChart>
</mx:Application>

Seems to simply be a problem with your data. See this
code.

I am unable to print a proper playlist in the jewel case format. Lines print on top of one another. No problem with other print formats

I am unable to properly print a playlist in the jewel case format. All lines bunch together. I have no problem with other print formats. Help please.

If it is a USB powered external, no AC adpater, that may be the reason. Mac notebooks are known to have low powered USB ports. You can get around that with a Y USB cable to connect to 2 USB ports at the same time.

Problem with simple chart

Hi everyone. I've got a problem with ABAP charts. I need to place a simple chart in screen's container.
REPORT ZWOP_TEST4 .
Contain the constants for the graph type
TYPE-POOLS: GFW.
DATA: VALUES       TYPE TABLE OF GPRVAL WITH HEADER LINE.
DATA: COLUMN_TEXTS TYPE TABLE OF GPRTXT WITH HEADER LINE.
DATA: ok_code LIKE sy-ucomm.
DATA: my_container TYPE REF TO cl_gui_custom_container.
REFRESH VALUES.
REFRESH COLUMN_TEXTS.
VALUES-ROWTXT = 'Salary'.
VALUES-VAL1 = 50000.
VALUES-VAL2 = 51000.
APPEND VALUES.
VALUES-ROWTXT = 'Life cost'.
VALUES-VAL1 = 49000.
VALUES-VAL2 = 51200.
APPEND VALUES.
COLUMN_TEXTS-COLTXT = '2003'.
APPEND COLUMN_TEXTS.
COLUMN_TEXTS-COLTXT = '2004'.
APPEND COLUMN_TEXTS.
Call a chart into a standard container, this function could be used
for many different graphic types depending on the presentation_type
field :
gfw_prestype_lines
gfw_prestype_area
gfw_prestype_horizontal_bars
gfw_prestype_pie_chart
gfw_prestype_vertical_bars
gfw_prestype_time_axis
CALL SCREEN '1000'.
CALL FUNCTION 'GFW_PRES_SHOW'
    EXPORTING
      CONTAINER         = 'CONTAINER'    "A screen with an empty
                                        container must be defined
      PRESENTATION_TYPE = GFW_PRESTYPE_LINES
    TABLES
      VALUES            = VALUES
      COLUMN_TEXTS      = COLUMN_TEXTS
    EXCEPTIONS
      ERROR_OCCURRED    = 1
      OTHERS            = 2.
*&      Module STATUS_1000 OUTPUT
      text
MODULE STATUS_1000 OUTPUT.
SET PF-STATUS 'GUI_1000'.
SET TITLEBAR 'xxx'.
IF my_container IS INITIAL.
    CREATE OBJECT my_container
      EXPORTING container_name = 'CONTAINER'.
ENDIF.
ENDMODULE.                 " STATUS_1000 OUTPUT
*&      Module USER_COMMAND_1000 INPUT
      text
MODULE USER_COMMAND_1000 INPUT.
ok_code = sy-ucomm.
CASE ok_code.
    WHEN 'EXIT'.
      LEAVE TO SCREEN 0.
ENDCASE.
ENDMODULE.                 " USER_COMMAND_1000 INPUT
I created a screen 1000 in SCREENPAINTER, named it 'CONTAINER'. Then I try to launch code above and nothing appears on the screen. Could You give me some tip?

Hi,
delete this lines:
IF my_container IS INITIAL.
CREATE OBJECT my_container
EXPORTING container_name = 'CONTAINER'.
ENDIF.
then it should work.
R

Problem with displaying chart data

Hello everybody,
I have problem with displaying chart data correctly. I'm using a cartesian chart with DateTimeAxis. The stockdata I'm using is for half a year and
with ticks for every day. The problem is, that Flex displays the data of february in march together with the data of march. I have added a picture
to show the result. The second column of the grid is for february and the third for march.
Could anybody help me with this problem. Thanks in advance.
Thomas

Hi Chris,
thanks for your reply. Here you get the source code:
The following method creates the LineChart:
        public function init():void
            model.upperChart = this;
            model.upperChartStyle.setChartViewStyle(this);
            this.hAxis = new MyDateTimeAxis();
            model.upperChartData.configureHAxis(this.hAxis);
            this.vAxis = new LinearAxis();
            model.upperChartData.configureVAxis(this.vAxis);
            this.vAxisTitle = new Label();
            this.vAxisTitle.text = model.upperChartData.getVAxisTitle();
            model.upperChartStyle.setVAxisTitleLabelStyle(this.vAxisTitle);
            this.vAxisTitle.x = 10
            this.vAxisTitle.y = 0;
            this.addChild(this.vAxisTitle);
            this.myChart = new CartesianChart();
            //remove default datatip
            this.myChart.showDataTips = false;
            this.myChart.x = 10;
            this.myChart.y = 0;
            this.myChart.width = 768;
            this.myChart.height = 196;
            model.upperChartStyle.setChartStyle(this.myChart);
            this.addChild(this.myChart);
            //Remove line shadow
            this.myChart.seriesFilters = null;
            this.myChart.horizontalAxis = this.hAxis;
            this.myChart.verticalAxis = this.vAxis;
            this.hAxisRenderer = new AxisRenderer();
            model.upperChartData.configureHAxisRenderer(this.hAxisRenderer);
            this.hAxisRenderer.axis = this.hAxis;
            model.upperChartStyle.setHAxisRendererStyle(this.hAxisRenderer);
            this.myChart.horizontalAxisRenderers.push(this.hAxisRenderer);
            this.vAxisRenderer = new AxisRenderer();
            model.upperChartData.configureVAxisRenderer(this.vAxisRenderer);
            this.vAxisRenderer.axis = this.vAxis;
            model.upperChartStyle.setVAxisRendererStyle(this.vAxisRenderer);
            this.myChart.verticalAxisRenderers.push(this.vAxisRenderer);
            model.upperChartStyle.setVAxisDataLabelStyle(this.vAxisMinLabel);
            this.addChild(this.vAxisMinLabel);
            model.upperChartStyle.setSeriesStyle(model.upperChartData.series, model.upperChartData.shares);
            this.myChart.dataProvider = model.upperChartData.dataProvider;
            this.myChart.series = model.upperChartData.series;
The data for dataprovider and series you can see in attached file dataprovider.xml.
xfield is equivalent to timestamp
yfield is equivalent to absolute
I think the problem could be the configuration of the datetimeaxis. The following method shows the parameter for the datetimeaxis:
        public function configureHAxis(axis:MyDateTimeAxis):void
            axis.parseFunction = UtilityClass.parseYYYYMMDDHHNNSSString2Date;
            axis.dataUnits = "days";
            axis.dataInterval = 1;
            axis.title = "";
            axis.minimum = new Date(UtilityClass.parseYYYYMMDDHHNNSSString2Date("2009-01-07 00:00:00").time);
            axis.maximum = new Date(UtilityClass.parseYYYYMMDDHHNNSSString2Date("2009-07-06 00:00:00").time);
And finally you get the function, that I'm using for string to date conversion:
        public static function parseYYYYMMDDHHNNSSString2Date(input:String):Date
            var result:Date = new Date();
            var year:Number = Number(input.substring(0,4));
            var month:Number = Number(input.substring(5,7));
            var date:Number = Number(input.substring(8,10));
            var hours:Number = Number(input.substring(11,13));
            var minutes:Number = Number(input.substring(14,16));
            var seconds:Number = Number(input.substring(17,19));
            result.setUTCFullYear(year);
            result.setUTCMonth(month-1);
            result.setUTCDate(date);
            result.setUTCHours(hours);
            result.setUTCMinutes(minutes);
            result.setUTCSeconds(seconds);
            return result;
I hope that will help to locate the reason for the wrong chart visualization.
Thanks for any help.

Problem with input data format - not "only" XML

Hi Experts,
I have problem with input data format.
I get some data from JMS ( MQSeries) , but input format is not clear XML.
This is some like flat file with content of XMLu2026.
Example:
0000084202008-11-0511:37<?xml version="1.0" encoding="UTF-8"?>
<Document xmlns="urn:xsd:test.01" xmlns:xsi=http://www.w3.org/2001/XMLSchema-instance Sndr="0001" Rcvr="SP">
...content....
</Document>000016750
Problems in this file is :
1. data before parser <? xml version="1.0"> -> 0000084202008-11-0511:37
2. data after last parser </Document> -> 000016750
This data destroy XML format.
Unfortunately XI is not one receiver of this files and we canu2019t change this file format in queue MQSeries ( before go to XI) .
My goal is to get XML from this file:
<?xml version="1.0" encoding="UTF-8"?>
<Document xmlns="urn:xsd:test.01" xmlns:xsi=http://www.w3.org/2001/XMLSchema-instance Sndr="0001" Rcvr="SP">
...content....
</Document>
My questions:
1. Is any way or technique to delete this data 0000084202008-11-0511:37 in XI from this file ?
2. Is any way to get only XML from this file ?
Thanx .
Regards,
Seo

Hi Buddy
What is the XI adapter using?
If you use inbound File adapter content conversion you could replace these values with none and then pass it to the scenario.
Does that help?
Regards
cK

I have a problem with a chart refreshing after its bound data provider changes.

I have a problem with a chart refreshing after its bound data
provider changes. After the subsetHighLowData.refresh() is called I
would expect the chart to redraw, but it still looks the same. I
even inspected the debugger to see if the slice had taken place and
it had.
Any ideas coding friends?

"nikos101" <[email protected]> wrote in
message
news:gib6aa$prr$[email protected]..
>I have a problem with a chart refreshing after its bound
data provider
>changes.
> After the subsetHighLowData.refresh() is called I would
expect the chart
> to
> redraw, but it still looks the same. I even inspected
the debugger to see
> if
> the slice had taken place and it had.
>
> Any ideas coding friends?
>
> subsetHighLowData.source =
>
highLowData.source.slice(slider.values[0],slider.values[1]);
Just use the ArrayCollection's removeItemAt, and it should
handle the event
dispatching for you.
HTH;
Amy

Problem with waveform chart: time scale does not show time correctly

Hello,
I have some problems with a chart.
I want to display some data and the time between two single data can vary. It is something between 50ms and 500 ms.
The problems I have:
1. The time is not shown correctly in the chart (allways 2:00:10 instead of the current time)
2. the data points in the chart have a distance of 1 s (x-scale). That is not correct.
I have tried several things but I thinkt I am on the wrong track.
Could you please help me?
Johannes
LabVIEW 7.1 (!)
Message Edited by johanneshoer on 10-14-2009 04:26 AM
Greetings Johannes
Using LabVIEW 7.1 and 2009 recently
Solved!
Go to Solution.
Attachments:
Chart Test.vi ‏55 KB

I have modifierd the vi again.
Now it looks much better.
I have a data array and the last 10 seconds of the data are displayed.
The array size is maximum 150 and that is more than I need to display. If new data is inserted, the oldest gets deleted.
I wonder if this style is efficient?
The time is stil not displayed correctly in the graph. Why does it always show 2:00:00 ?
Johanens
LabVIEW 7.1
Greetings Johannes
Using LabVIEW 7.1 and 2009 recently
Attachments:
Chart Test 3.vi ‏57 KB

Problem with downloading 2007 formats

I have a problem with downloading 2007 format files in my application. We can upload the 2007 formats without any problem. But, When we try to download them, we are receiving a 'Page cannot be displayed' error.
When we add the corresponding MIME-TYPES into IIS(Version 6.0) of the system(Test Environment), the problem got resolved. But there was a constraint to add the MIME-TYPES in the Production Box.
Can you please provide any alternate solution using CF code. I am pasting my sample code that my system is using for this.

For CF to set the MIME type for those files, it would have to be configured as a handler for those file extensions. By default, CF doesn't process requests for files other than .cfm, .cfc, etc.
You could write a download application that uses CFCONTENT to push files to the client, but the user would have to request your CF page, which might have a URL like this:
http://yourserver/download.cfm?file=myfile.docx
Or, you could map those file extensions to CF, but that would be a bad idea for several reasons. Even if it wasn't a bad idea, it would be harder to change on the server than the MIME types in IIS.
Frankly, you should fix this the right way - by having the server administrator add the correct MIME types.
Dave Watts, CTO, Fig Leaf Software
http://www.figleaf.com/
http://training.figleaf.com/

Problems with pie chart formatting - APEX v2

Similar Messages

Maybe you are looking for