Embeding google charts in OBIEE?

This is how the pie chart looks:
http://chart.apis.google.com/chart?cht=pc&chd=t:1726729,1879074,316017&chs=450x300&chco=FF0000,00FF00
This is how the concentric chart looks:
'http://chart.apis.google.com/chart?cht=pc&chd=t:1726729,1879074,316017|5689083,6243916,1154530&chs=450x300&chco=FF0000,00FF00'
Creating the normal pie chart in OBIEE is pretty simple (I will use "Paint" subject are):
1) Create a request with this SQL:
SELECT Periods."Year" saw_0, "Sales Measures".Units saw_1, "Sales Measures".Dollars saw_2 FROM Paint ORDER BY saw_0
2) In the Narrative view type the following:
Prefix: <img src="http://chart.apis.google.com/chart?cht=pc&chd=t:
Narrative @2
Row separator ,
Postfix &chs=450x300&chco=FF0000,00FF00&/>
3) make sure you check the "Contains HTML Markup" box
Any suggestions on how to create a concentric pie chart using this data set (using columns 2 and 3 as the data source?
Edited by: Sart1997 on Oct 30, 2009 6:54 AM

I tried solving this issue - and the problem is that you need two different data sets (by pipe). I tried to create a concat column (CAST(CASE "F1 Revenue"."1-01  Revenue  (Sum All)" WHEN NULL THEN 1000000 ELSE "F1 Revenue"."1-01  Revenue  (Sum All)" END AS CHAR)||','||CAST((CASE "F4 Inventory"."5-01  Inventory  (Sum All)" WHEN NULL THEN 400000 ELSE "F4 Inventory"."5-01  Inventory  (Sum All)" END) AS CHAR)) (NULL give blank chart, hence filtering it out) and used it with a pipe as separator. The problem here is that - it's not the data that we need. We get this:
http://chart.apis.google.com/chart?cht=pc&chd=t:1000000.00,400000|11371280.12,17267959|13531763.86,24359487&chs=450x300&chco=FF0000,00FF00(!!http://chart.apis.google.com/chart?cht=pc&chd=t:1000000.00,400000|11371280.12,17267959|13531763.86,24359487&chs=450x300&chco=FF0000,00FF00(!
After small modification:
This "D0 Time"."T05 Per Name Year"||','||CAST(CASE "F1 Revenue"."1-01  Revenue  (Sum All)" WHEN NULL THEN 10000000 ELSE "F1 Revenue"."1-01  Revenue  (Sum All)" END AS CHAR)||','||CAST((CASE "F4 Inventory"."5-01  Inventory  (Sum All)" WHEN NULL THEN 2500000 ELSE "F4 Inventory"."5-01  Inventory  (Sum All)" END) AS CHAR)produces this:
!http://chart.apis.google.com/chart?cht=pc&chd=t:2006,10000000.00,2500000|2007,11371280.12,17267959|2008,13531763.86,24359487&chs=450x300&chco=FF0000,00FF00!
I hope it's close to what you need
Edited by: wildmight on Oct 30, 2009 1:07 PM

Similar Messages

  • How to use Google Chart in OBIEE

    Hi Experts,
    How we can use google chart in OBIEE 10g or OBIEE 11g.
    Thanks

    Hi ,
    If you refer to Google Maps then refer the following link.
    http://obiee101.blogspot.in/search?q=google
    Google organization Chart
    Oracle Business Intelligence by Sandeep Venu: Google Organization Chart in OBIEE 11G
    Google Chart
    Oracle BI Solutions: OBIEE - Google Charts
    Thanks,
    Pavani

  • Adding Google Chart in OBIEE 11g

    hi all..
    I need to add google chart(interactive chart) in obiee 11g. Can any one please guide me in this...
    thanks and reagrds

    Well, what beloblotskiy says above is true but I suspect you will want to pass parameters to your Google chart from your Answers request? If that is the case then it is more tricky because you would need to use some javascript in a narrative view and - here's the annoying part - there is a bug in 11g which means the narrative view does not accept HTML markup. It is due to be fixed in 11.1.1.4.
    You can see more about the technique on John's site here:
    http://obiee101.blogspot.com/2010/01/obiee-google-charts-part-1.html
    Paul
    http://total-bi.com

  • Sparkline Chart in OBIEE

    Hi,
    How to built Sparkline chart with OBIEE? Is it possible to built it by any customization?
    Appreciate any help.
    Thanks,
    Vino

    Hi RMN,
    I've wanted to blog in the past, but I've got a pesky contract that says anything I blog about is my company's property (which doesn't sit too well with me). So I opted to help people in the public forum instead, that way others can read it and pass it around. So feel free to re-post this anywhere you want to.
    High-level: My approach was to create two Answer Requests, Sparkline Graph and Sparkline Pivot table. In OBIEE, the charts/graphs are embedded flash objects. My goal was to put a place holder embed tag for the sparkline graph in the pivot table and then use javascript to update the embed tag SRC attribute based upon an xmlHTTPRequest to the Sparkline Graph.
    Keep in mind, I programmed and tested on Mozilla. I just tested on IE and it doesn't work. Some of the xmlHTTPRequest commands need to be tweaked for cross platform compliance. I'll work on that when I get some free time, but meanwhile, feel free to go over this.
    Part 1)
    a) Create your Sparkline Graph first. In the screen shot I posted above, my graph metric is filtered on a plant-by-plant basis and projects the given measure over a calendar year, by month.
    b) Make sure you size it small. I moved the sliders to the first mark on both the horizontal and vertical.
    c) Remove any markings like grid-lines, titles, etc, to your liking.
    d) Save this request and note the name and the full request path
    Part 2)
    a) Create your pivot table report. As you can see, I pivot by month and each row is based on the Plant number. What ever your graph is prompted on, you need those fields in the row of the pivot table.
    b) Go into the formatting on your column that makes up the pivot row, in my case it's Plant Name, and add the following custom CSS style: font-family:Sparkline. This lets the javascript find what value to pass to the detail report.
    c) Create your sparkline column (i.e. add any column to the report). Format it as HTML and put the following into it. '<embed type="application/x-shockwave-flash" name="sparkline" width="100" height ="60" wmode="transparent" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" src=""/>'
    d) Copy and paste the following javascript into a static text object with HTML enabled. You will need to change the path of the request in the URL variable to your particular Sparkline graph path. Search for "chart_url" in the code. This uses standard GO URL syntax. In my case the path is "/users/administrator/Java%20Script%20Test/Sparkline%20Detail" and the column is "Scorecard.Plant". Replace those values as appropriate in your situation. The rest of the code should be fine as is. It basically looks for all the values tagged with the font-family:Sparkline and makes calls to your graph report. It then parses that call and pulls EMBED tag and gets the SRC attribute. It finally updates all those place holders with the appropriate SRC value.
    <script type="text/javascript">
    var debug =0; // set debug variable
    if (debug === 1) { document.write("Begining to get addSparkline function " + "<BR>");}
    if (debug === 1) { document.write("Setting up reg_exp variables" + "<BR>");}
    var sparkline_re = /Sparkline/;
    var chart_request = new XMLHttpRequest();
    var values = new Array();
    if (debug === 1) { document.write("Setup array for values" + "<BR>");}
    var elements = document.getElementsByTagName('*');
    if (debug === 1) { document.write("Get all tags" + "<BR>");}
    for( var element = 0; element <elements.length; element++)
         //if (debug === 1) { document.write("Looping over Elements: " + element + "<BR>");}
         if( !(sparkline_re.test( elements\[element\].getAttribute('style') )))
              // Not the sparkline area pass!
              //if (debug === 1) { document.write("Didn't find the style continue: " + elements\[element\].style.fontfamily+"<BR>");}
              //if (debug === 1) { document.write("Didn't find the class continue: " + elements\[element\].className + "<BR>");}
              continue;
         if (debug === 1) { document.write("Found the sparkline value element" + "<BR>");}
         var value = "\"" + elements\[element\].innerHTML + "\"";
         if (debug === 1) { document.write("Get the inner HTML" + "<BR>");}
         values.push(value);
         if (debug === 1) { document.write("Value is : " + value + "<BR>");}
    var embeds = document.getElementsByTagName('embed');
    if (debug === 1) { document.write("Get array of embeds" + embeds.length + "<BR>");}
    for ( var embed = 0; embed <embeds.length; embed++)
         if (debug === 1) { document.write("Looping over Embeds: " + embed + "<BR>");}
         var startIdx;
         var endIdx;
         var innerHTML;
         var chart_url = "saw.dll?Go&Action=Navigate&path=/users/administrator/Java%20Script%20Test/Sparkline%20Detail&col1=Scorecard.Plant&val1=" + values\[embed\];
         if (debug === 1) { document.write("Created XMLHttpRequest" + "<BR>");}
         if (debug === 1) { document.write("Setup the onreadystatechange function" + "<BR>");}
         chart_request.open("GET",chart_url,false);
         if (debug === 1) { document.write("Opened URL: " + chart_url + "<BR>");}
         chart_request.send(null);
         if (debug === 1) { document.write("Set send to NULL" + "<BR>");}
         startIdx = chart_request.responseText.indexOf("<embed");
         endIdx = chart_request.responseText.indexOf("</embed>");
         innerHTML = chart_request.responseText.substr(startIdx,endIdx-startIdx);
         startIdx = innerHTML.indexOf("saw.dll");
         endIdx = innerHTML.indexOf("\"",startIdx);
         embeds\[embed\].src = innerHTML.substr(startIdx,endIdx);
    if (debug === 1) { document.write("Finished" + "<BR>");}
    </script>
    Good luck and tell me if you have any troubles implementing this.
    Best regards,
    -Joe
    Edited by: Joe Bertram on Dec 22, 2009 11:56 AM

  • Integrating google maps in obiee 10g

    i am using IE and after filling the boxes in narrative view in preview it is showing "retrieving view"...
    but even after long time it displays nothing...
    do help me.
    any help is appreciated.

    HI,
    Refer the below links.
    http://wentari.blogspot.in/2011/03/obiee-10g-and-google-chart-api-maps.html#!/2011/03/obiee-10g-and-google-chart-api-maps.html
    http://www.peakindicators.com/index.php/knowledge-base/68-mapping-capabliity-with-oracle-bi-ee-faqs
    Hope this help's
    Thanks,
    Satya

  • Firefox does not load embedded google calendar month view (2014)

    Recently (first complaint today), all of our embedded google calendars on our site stopped loading in Firefox browsers. Specifically, it is the month view. The calendar actually loads and the contents can be seen on agenda and week views. However, Month view remains empty (A google calendar framework appears complete with the tools that might normally be there[month selection, print, view tabs] but the expected calendar is not there, so it is quite short).
    We have 3 online google calendars that are injected with the <object data> call. All three work in Chrome and Safari as they are designed to work. This is only effecting Firefox (have not tested IE). I reset firefox, and started it in safe mode. I also downloaded and ran Firefox 33,32,30,28, and 15. It effects them all.
    So far I have only tested this on a Mac with Firefox, Safari, and Chrome
    Let me know if you have any suggestions or if there is more information you may need.
    thanks

    Thanks for the response. I do have data defined. However, type is not. The specs don't seem to make it necessary to specify both, but if that helps I can. The webconsole shows one error:
    Use of getPreventDefault() is deprecated. Use defaultPrevented instead. That is an error in the jquery javascript code though.
    Firebug doesn't show anything in its console.
    I used iframe and the behavior is exactly sthe same. I'm beginning to think this is a google calendaring issue instead.
    Thanks again.
    -Josh

  • How to insert a google chart in rtf

    Hi All,
    I come to know that we can insert any google chart in our rtf report for our given data.
    Please let me know what are the pre-requisites for this.
    and what is the code to be entered in the dummy image web tab
    I am trying to get a Google QR Code like below.
    <img src="http://chart.apis.google.com/chart?cht=qr
    &chs=250x100&chl=<?SALES_ORDER_NUM?>"/>
    giving the about code in web tab of a dummy image
    I did just a trail, but it does not work.
    Please let me know with any ideas.
    Thanks

    Hi,
    1.run transaction SCC4 -> press Ctrl+F4 or the button for change ->double click one the row for your client -> on the field Cross Client Object Changes select Changes to the Repository and cross-client Customizing allowed -> SAVE
    2. run MC1H and now you will have access to insert new line in the table
    Regards Vassko!
    Edited by: Vasil Pavlov on Sep 16, 2008 9:51 AM

  • Tree Chart in obiee 11g

    Is it possible to have Tree chart in OBIEE 11g.
    How can one go about it?
    thanks
    Reshmi

    Hi,
    Not possible in obiee11g.
    FYI..below chart options only available in obiee lastest version (11.1.1.5.0)
    OBIEE 11g Chart:
    1)Graph
    a) Bar
    b) Line
    c) Area
    D) Pie
    E) Line-Bar
    F) Time Series Line
    G) Pareto
    H) Scatter
    I) Bubble
    J) Radar
    2) Gauge
    a) Dial
    b) Vertical Bar
    c) Horizontal Bar
    D) bulb
    3) Funnel
    a) Standard
    b) Non Standard
    c) Last Stage Only
    Hope it's Clear...
    Thanks
    Deva

  • How Can You Change the Look and Feel of Charts in OBIEE 11g

    How Can You Change the Look and Feel of Charts in OBIEE 11g?
    Edited by: user11973122 on Jul 18, 2012 12:13 AM

    Check these files
    OFM_HOME\Oracle_BI1\bifoundation\web\msgdb\s_blafp\viewui\chart\dvt-graph-skin.xml
    OFM_HOME\Oracle_BI1\bifoundation\web\msgdb\views\dvtchart\obips.dvtchart.xml
    OFM_HOME\Oracle_BI1\bifoundation\web\display\chartfontmapping.xml
    Pls mark correct or helpful if helps

  • Bubble chart in OBIEE 10g

    Is there any way to increase the bubble size of bubble chart in obiee 10g? Like whether we can use javascript or HTML Code to achieve it?

    Hi,
    Thanks for reply.
    But I cannot understand your point. My requirement is something different. In the X axis I have project_number and y axis I have measures like budget,commitment & incurred_cost. Now the vertical chart gives me the summarize view. Now for a particualr project say AA, I can see three vertical bars showing budget,commitment & incurred_cost. Now the requirement is if I click on budget bar it will popup a new window showing related details of budget which is a different report, if click on commitment bar it will open commitment report in another window and so on.
    I am not able to implement this like multiple navigation from a bar chart.
    Can you please help on how to do this in OBIEE 10g.
    Thanks
    Titas

  • Integrate Google chart in Webi

    Hi,
    Is it possible to integrate Google charts API in Web Intelligence? I have researched a lot but did not find any useful guides to achieve this.
    Seems that there is an SAP official blog for this purpose, but I did not find it.
    Thanks,
    Derek

    Hi Simone,
    In my case, I just want to add a Google chart Candlestick to my Webi report, not a Google map. I have written the following java script in the cell and set it as "read content as HTML" to send the values to this Candlestick chart.
    ="<html>
      <head>
        <meta http-equiv='content-type' content='text/html; charset=utf-8'/>
        <title>
          Google Visualization API Sample
        </title>
        <script type='text/javascript' src='https://www.google.com/jsapi'></script>
        <script type='text/javascript'>
    google.load('visualization', '1', {packages: ['corechart']});
        </script>
        <script type='text/javascript'>
          function drawVisualization() {
            var data = google.visualization.arrayToDataTable([
    [" + "'" + [Year] + "'" + ","+[Min]+","+[5% Percentile]+","+[95% Percentile]+","+[Max]+"]
              // Treat first row as data as well.
            ], true);
            var options = {
    legend:'none'
            var chart = new google.visualization.CandlestickChart(document.getElementById('chart_div'));
    chart.draw(data, options);
    google.setOnLoadCallback(drawVisualization);
        </script>
      </head>
      <body>
        <div id='chart_div' style='width: 500px; height: 300px;'></div>
      </body>
    </html>"
    The highlighted red parts are the variables that pass the value from Webi to the Google chart.
    It works fine when only 1 year data is sent, however there will be an error "MultiValue" when multiple years data is returned for Webi.
    For example, my data format is :
    [Year], [Min],[ Max], [5%], [95%]
    2005, 100,   900,    110,   850
    2006, 120,  1000,   150,  900
    2007, 200,   120,     250, 1100
    So do you know how to pass the Webi variable values to the Google chart to make it display the data dynamically?
    Thanks,
    Derek

  • Issue in Develop mode for embedding google map

    Hello,
    I am facing an interesting issue in Develop mode for embedding google map html code (screenshot is attached)
    The map rectangle showing almost same size box underneath filled in black, while in preview mode, it is working properly. I could not find the reason, where I am doing something wrong.
    Many thanks .

    Hi Muzeone,
    Its a default behavior with every WYSIWYG HTML Designer or editor,
    Reason :The black box which is appearing in the design view is because you might have tried increasing the size of the iframe thumbnail.
    If you are using Iframe and using Insert HTML feature in MUSE, make sure when you paste the iframe code in MUSE, it creates a thumbnail in design view do not resize it in design view.
    Size does not change the height and width of Iframe in MUSE as its being controlled by the codes that you are inserting.
    The design view will only show you iframe height which is defined in the codes below that it will show a black box.
    Enjoy working with MUSE !!
    Thanks
    Prabhakar Kumar

  • Remove Zoom scale of Google maps in OBIEE 11g Mapviewer

    Hi,
    While integrating Google maps with OBIEE 11.1.1.6.0 , we are able to see two Zoom scales one for BI layer and another for Base map layer (Google Map).
    When we select the former Zoom scale (BI Layer) , our views have been placed in exact countries. But when we select latter one, only base map i.e., Google map is zooming without upholding the views(Color fill,Image,Bar Graph,etc.,).
    So is there any way to bring synchronization between two layers with one zoom scale.
    Kindly help me to sort out this issue.
    Thanks in advance!

    Will require backport of a fix for mapviewer (oraclemaps.js) that has to be part of the OBIEE patchset.
    Filing a bug would help the process.

  • How to make a Gant Chart in OBIEE analysis

    Hi all,
    I have intergrate OBIEE 11g with my ERP system, module Project Management. Now, i want to make a Gant chart on BIEE to manage time of project.
    But i can't see this chart type on BIEE, plz tell me how to make it.
    Tks so much

    Please refer to the following link on how to create gantt charts in OBIEE.
    http://oraclebizint.wordpress.com/2007/12/06/oracle-bi-ee-101332-marquee-images-and-gantt-charts/
    Thank you,
    -Amith.

  • Water fals Chart in OBIEE

    Hi ,
    I have one Requirement how to create Water fals Chart in OBIEE?
    if it is possible, what are the things i to do..
    Kindly advice me...
    Regards,
    Devarasu.R

    Waterfall chart is not yet defined in OBIEE, But internal Corda Pop Chart engine allows you to develop new chart types. Look for Cords Pop Chart documentation in OracleBI\corda50\docs. But you need to do a feasibility study on what you get for how much work?
    -Sri

Maybe you are looking for