SVG chart for JSF 2

Is there any svg-chart support for jsf 2 ?
My problem is that I want to make the chart page for webkit browser of smart phones.
I need the svg tagslibrary for the JSF.
Tuvshin
Edited by: Tuvshin09 on Jul 26, 2010 12:25 AM
Edited by: Tuvshin09 on Jul 26, 2010 12:29 AM

You can try [flot4jsf2|http://code.google.com/p/flot4jsf2/] . This is jsf 2 component for drawing charts. It is build on top of the Open Source Java Script Flot library.
Regards,
George

Similar Messages

Chart component Library for JSF.

HI,
I've been testing the chart component library for JSF:
http://jschart.sourceforge.net
And it's very powerfull, but I think, is necessary more info about to develop appz with this.
Anyone knows, a blog or a web that contains any example of the use?
I've been working for days with the HOW TO in this web but it's very simply.
Thx in advance!!!
Regards.

I have successfully used the jfreechart (cewolf) charting library with creator...its simple to use but also allows complex charts if you wish....
http://cewolf.sourceforge.net/new/index.html

Dynamic source for svg-chart

hi...i'm relativly new in htmldb and i have some trouble to get an task, given by my boss, running.
the problem is, i want to create an sql-query using the values of some different elemnts on my page. to compine these values i use an process and this process filss an textarea (for testing) with an string that is an sql-query. now i want to tell the svg chart to use this string as datasource for the chart.
...as i said, i'm new. maybe the problem is trivial but i can't see the solving. so i would be happy to get an answer.

Hi Sven,
Can you send the link of the previous topic you are referring to??? or elaborate as how you are building a function to return a query...
Thanks,
Swaroop

SVG CHart error ORA-20001 with Stacked Bar Chart HTML DB 1.6.0.00.87

Hi,
during I put a How-To into execution (How To Create a Stacked Bar Chart) I'll get the following error code:
SVG Chart error:ORA-20001:line_Chart error:ORA-20001:
get_data error:ORA-20001:Parse error:ORA009
(see http://www.oracle.com/technology/products/database/htmldb/howtos/index.html)
This Situation occurs when i add a second series to the
chart. The first series works fine. I've used the following SQL-Statement:
select null l, sales_month, revenue from (select to_char(o.order_timestamp,'Mon YYYY') sales_month, sum(oi.quantity * oi.unit_price) revenue, to_date(to_char(o.order_timestamp,'Mon YYYY'),'Mon YYYY') sales_month_order from DEMO_PRODUCT_INFO p, DEMO_ORDER_ITEMS oi, DEMO_ORDERS o where o.order_timestamp <= (trunc(sysdate,'MON')-1)and o.order_timestamp > (trunc(sysdate-365,'MON'))and o.order_id = oi.order_id and oi.product_id = p.product_id and p.category = 'Audio' group by to_char(o.order_timestamp,'Mon YYYY') order by sales_month_order);
Please help.
Regards
Detlev

Well,
I've just been struggling for a couple of hours with a cluster bar chart giving the same problem.
The problem is definitely with "ORDER BY".
I guess the graphing chart is taking the sql query as a string and then does some other manipulation on it which ends abnormally when you include the order by clause.
I presume that if you embed the query in a
SELECT * FROM (<actual query with order by>)
it might mitigate the problem.
Bye,
Flavio

SVG chart x axis values out of order

Hi
I have an application built in apex 3.0 that is running from apex 3.1.
It has an SVG chart with an x axis that displays the dates as
01-JUN-2008
01-MAY-2008
02-JUN-2008
02-MAY-2008
03-JUN-2008 etc.
what is wanted is that it displays the dates as
01-MAY-2008
02-MAY-2008
01-JUN-2008
02-JUN-2008
03-JUN-2008 etc.
I did not build this application so how do I start to debug this chart and get it to display the dates in sequential order.
Sorry, I know I have probably not given you much info but hopefully you can give me some pointers.
regards
Tony

Hi Tony,
Did you find your answer?
Try looking at this post.
order x-axis in svg-graph by date
you will need to create a subqueary
something like
SELECT DATE, OTHER1
FROM (SELECT DATE, sum(OTHER) as OTHER1
FROM MY_TABLE
group by DATE)
order by DATE
This worked for me.
Peter

Unable to edit wizard created SVG chart query

Hi,
I have a problem with an SVG chart that one of the HTML DB wizards created.
On the generated page the wizard created a selection list item named P30_SHOW.
This item allows to choose a table column based on which an SVG pie chart is generated.
The automatically generated chart query is:
select 'f?p=106:26:&SESSION.:::RP,26:P26_CHART_FILTER,P26_VALUE:'||:P30_SHOW||','||"&P30_SHOW.",
"&P30_SHOW.", count(*)
from "TESTTABLE"
group by 'f?p=106:26:&SESSION.:::RP,26:P26_CHART_FILTER,P26_VALUE:'||:P30_SHOW||','||"&P30_SHOW.",
"&P30_SHOW."
The page with selection list and chart worked fine at first.
But then, when I edited the chart's width on the respective 'SVG Chart Attributes' tab and pressed
the 'Apply Changes' button I got the following error:
'Query cannot be parsed, please check the syntax of your query. (ORA-01741: illegal zero-length identifier)'
I only changed the chart's width, I did not touch the chart's query at all.
My theory is that HTML DB tries to validate the correctness of the chart's query.
However, the query references a session variable (P30_SHOW) that is
not defined in my development session. Consequently, the query is not valid in the
development context and is refused by HTML DB.
Now I have two questions:
1. Is my analysis correct, or are there different reasons for the error I do encounter?
2. How can I get around the problem? I'd like to use the automatically generated charts,
but also want to be able to edit them.
Thanks in advance for helpful comments.
Regards Holger

Scott,
I imported the application using the import/install process. A new application ID was created but was not changed in the chart query. The link was generated by the application wizard. The chart query link is below:
select 'f?p=103:2:&SESSION.:::RP,2:P2_CHART_FILTER,P2_VALUE:'||:P6_SHOW||','||"&P6_SHOW.", "&P6_SHOW.", count(*)
from "O_DATA_COLLECTION_POINTS"
group by 'f?p=103:2:&SESSION.:::RP,2:P2_CHART_FILTER,P2_VALUE:'||:P6_SHOW||','||"&P6_SHOW.", "&P6_SHOW."
The new application id is 101. It is impossible to modify this query because of message:
"1 error has occurred
Query cannot be parsed, please check the syntax of your query. (ORA-01741: illegal zero-length identifier"
This happens even if nothing is changed in the query but just the apply changes button is pressed.
I had a similar problem with the breadcrumbs menu. The link was also pointing to the old application id 103 instead of the new application id 101. The way I got round that was to delete the breadcrumb template and create a new one. I then had to go through all the pages that referenced that and reset the breadcrumbs menu template in the region definition.
Thanks Arjen

Can't display the correct numeric characters in SVG charts with IE5.5 SP2

Hi all,
although I defined the following format model for the number in a SVG chart
FML999G999G999G999G990D00
I am still getting the dollar sign and the period, even if my current browser language preference is set to italian (IE 5.5 SP2).
Note that month names instead are correctly translated (in a region other than that containing the SVG chart).
On the other hand, this does not happen with Mozilla 1.7 which correctly shows the euro sign and the comma as decimal separator.
Bye,
Flavio

Flavio,
This is a known bug with the chart builder reading Internet Explorer's browser language setting.
You should be able to bypass this by editing the Application Attributes and setting the Primary Application Language to Italian and setting the Application Language to derive from the Primary Application Language instead of the browser setting.
- Marco

SVG chart: length of axis-labels

Apparently there is a limitation on the length of x- or y-axis labels for a SVG chart.
Does anybody know how to display axis labels that are larger than 15 characters? Is there something that you can do with the CSS to increase the limit?

Hi Jan,
not sure you are on the same as I was... but found in other thread that on the series page there is maximum rows setting defaulting to 15.
Hope that helps.
ta
alberto

SVG Charts - x-axis

I'm a newbie.
I've created a 2-series line chart (thanks to someone else's query on this forum, I found out about losing the 'order by' for multiple series!). I only have 2 'X' categories at present ('quarter1' and 'quarter2') but the chart defaults to squeezing them together at the left-hand side, leaving enough room to go up to about quarter 15, but I will only ever want 4.
Anyone know how the spread the categories across the axis?
Thanks

assuming you're talking about the legend when you say, "but the chart defaults to squeezing them together at the left-hand side, leaving enough room to go up to about quarter 15", then know that this is a current limitation. i'll log the enhancement request in a bit (unless we already have that one), but consider unchecking the "Show Legend" box on your SVG Chart Attributes screen and just drawing your own for now. if you were asking about something else, please do feel free to elaborate.
regards,
raj

Foreign characters in SVG charts

Hi!
I am again having some trouble using SVG charts.
I want to label the values with descriptions from a table. These descriptions often contain german umlauts. The resulting graph (line type) shows no values at all and the labels show a square character for each "Ã¤" (Ã¤) and after an occurrence of "Ã¶" (Ã¶) all of them are cut off completely. (I guess that's why I don't see any values at all - the parser stops when encountering an unknown character.)
A quick look at the XML specification tells me, XML processors must accept UTF-8 or UTF-16 characters. IOW, umlauts should not be a problem when encoded correctly. But I don't know whether the Adobe SVG Plugin I use adheres to that or not. Another possibility would be, that the font used to render the graphics does not contain umlauts. But that wouldn't explain why I don't see the values.
So, what encoding does HTML DB use for XML output? Does anyone know who is to blame? Of course, it could be me too.
My workaround will probably be a view which replaces the umlauts with ASCII transcriptions. But I would find that pretty ugly because I already have a bunch of these. Any other possibilities to circumvent this problem are welcome.
J.

Additional info:
the XML file I can copy from the browser shows a translation of the umlauts like this:
Getr & # x 4 B A B ;e (spaces only for escaping; formerly GetrÃ¤nke)
When an "Ã¶ occurs, the remaining XML tags are being closed and the file ends:
K</text></g></svg> (should have been KÃ¶rperpflege)
So with my smattering of XML I guess the output of HTML DB is wrong and I have to replace umlauts 'manually'. Please drop a line if you can confirm or confute that.
J.

SVG Chart Setup

Hi everybody,
I have I think a simple question but I don't find the issue.
I've created a SVG Chart with 3 Series Name Query. I need to see 3 Series based on Month. My month is on 2 digit : 10 for October, 11 for November...Etc...but for this case, on my graph I see 11 before 10 on the Axis area. Could you tell me where can I make an order on my query ? I tried to add order by on my 3 query but It doesn't work and my graph is grey.
I'm sorry for my english.
Olivier

Thank you for your reply, find below my 3 queries
Series Name Query
1.
select null link, d.month, sum(data.nbr) Delivered
from online_data data, online_date d
where data.date_events = d.date_events
and data.kpi_id = 2
group by d.month
2.
select null link, d.month, sum(data.nbr) Opened
from online_data data, online_date d
where data.date_events = d.date_events
and data.kpi_id = 4
group by d.month
3.
select null link, d.month, sum(data.nbr) Submited
from online_data data, online_date d
where data.date_events = d.date_events
and data.kpi_id = 5
group by d.month
The field Month is a numeric field : 1 / 2 / 3...until 12 for month
But my graph is like this
http://img47.xooimage.com/files/e/7/3/chart-8b04ad.png
You can see that my graph start with 11 on axis area and finish with 10...il would like to order by ASC
Edited by: user1642453 on Dec 3, 2008 6:41 AM

SVG Chart - Dynamic Where clause

Hi,
I am trying to use SVG Chart to show some data as a line graph. It is working great when the SQL is static. I need to allow user to filter the data using a where clause on a date column. I looked at the sample application and found drill-down chart which is doing the filtering.
I get a "No data found" when I do a similar thing. The difference being -
1. I have a date field, where user selects a date & presses Go.
2. SQL in SVG reads - SELECT null, to_char(repdate,'HH24:MI') rep_date, 100-i Value from t WHERE repdate = :P6_Date order by repdate
This is on Page 6
Can somebody please point out what am I doing wrong ?
Thanks !
VKS

Vijay,
As a test, try to pass a formatted date string into the page in the URL. If the chart renders, my guess would be that when you operate the page the way you described (select date then press Go) the date value isn't stored in session state for the SVG chart region to access. You would need to submit the page to make that happen, then branch back to the page to render the chart region and perhaps make that region display conditionally based on whether the filter value had been set.
Scott

Changing SVG chart Labels

Forum Members,
Having never experienced the SVG charts in AE -v1.5- a little help is needed. It will be a simple matter for frequent uses of this function often. The following chart has been created:
select null link,
i.STATUS label,
count(i.STATUS) value
from DEV_ISSUES i
group by i.STATUS
order by i.STATUS
The labels returned are 1 & 2, however, it would be better if they were Open & Closed. How could the be archived? You help is very much welcomed.

Hi,
Not 100% sure I've understood your problem, but if it is just to return 'Open' instead of 1, and 'Closed' instead of 2........ use Decode as below:
select null link,
DECODE(i.STATUS, 1, 'Open', 2, 'Closed', 'Default') label,
count(i.STATUS) value
from DEV_ISSUES i
group by i.STATUS
order by i.STATUS
Cheers,
Mike

SVG Charts Display

Hi Friends,
Thanks for sparing your valuable time i watching this thread.
I had a table with values of amounts where some values are negative also. Now I want to display those values in a Chart. I tried with the SVG Chart where it is not allowing me to start the axis with negative amount. It is prompting to enter either 0 or greater than that to start with.
Can anyone tell me which chart is best feasible to display with the following items:
I have 13 Categories (Static), Months (Dynamic, atleast 30 months will be there), Amounts for each category for each month.
I need to display this in the chart so as to better know the burn rate.
Thanks,
Sekhar.

All browsers have SVG support built-in now, except for Internet Explorer that needs help. The Adobe SVG Viewer is just one of the options for that help, it is no longer supported officially, but you can still download it.
Going from SVG to Flash is throwing out much of the power you get from the openness.

Svg charts - size and default value

is there any way to make svg chart size smaller? i want to fit 6 graphs onto a page and even with the 350x315 setting, they are still too big
also, when i have a query like this:
select null, c.nodes, count (*)
from customers c, country_region_mapping m
where system_status='Production'
and c.country = m.country
and decode(:P4_REGION, '%', 1, m.region, 1, 0)=1
and decode(:P4_COUNTRY, '%', 1, m.country, 1, 0) =1
and decode(:P4_INDUSTRY, '%', 1, c.industry, 1, 0) =1
group by nodes
the page initially comes up empty. in other words, the charts have no data.
is there anyway to default to all

i'm currently checking on your question about the chart sizes, but the second part of your question sounds easy enough. it looks like your query will return all the rows "from customers c, country_region_mapping m where system_status='Production' and c.country = m.country" when the default values of :P4_REGION, :P4_COUNTRY, and :P4_INDUSTRY are '%'. if that's how you're going about things, you can simply set your defaults for these items to the percent sign in those items' respective definition screens. this way, even before your items get a session state value, they'll be assigned their default "%" values and your query will return rows.
i'll get back to you soonish re the svg chart sizes,
raj

SVG chart for JSF 2

Similar Messages

Maybe you are looking for