Accordion Menu with Column Chart

Dear All,
I have an accordion menu and a column chart showing monthly precipitation and on the graph I would like to add average points
at the same time I would like to have the "average" title not showing in the menu.
Any way to handle with it?
Many thanks.
Ed.

http://www.forumtopics.com/busobj/viewtopic.php?p=409617&sid=1c39299fa51bb66c8f792a3bf69c606a
http://www.qnasap.com/accordion-menu-with-column-chart/
If u r question get answered try to close the thread
Thank u
Naveen

Similar Messages

Need help to develop report with column chart

Hi
I am new to SAP BO world.Could anyone please help me to design report with column chart.Please guide me how to develop report for the following requirement.I am not aware of variance columns and variance labels.Please provide some guidance or some tutorials(for column Chart) so that I can complete the task. Please reply me as soon as possible.Waiting for reply.Thanks in advance.
Type: Column Chart
u2022     Rows: Banking Asset Margin (%)
u2022     Start / End Columns: PY YTD Act(Prior year year to date); CY YTD Act(Current year Year to date)
u2022     Variance Columns: # Var (CY-PY Act) for GOLM; Volume; Rate; Non Banking NII; Banking Volatility in NII; Banking Volatility in OOI; Fees/One Offs/Other; Volatile Items; Sophie
u2022     Sub-total columns: PY YTD Underlying; CY YTD Underlying.
u2022     Variance Labels: % Var (CY-PY Act) for Total Income and Underlying Income
u2022     Sub-Total Labels: # Var (CY-PY Act) for Net Insurance Income; Banking Volatility; Other Operating Income
Additional information
u2022     Variance columns (bar) colours: Red = Adverse to Prior Year; Green = Favourable to Prior Year
u2022     Columns to show values. Adverse values to be shown in red text in brackets. Favourable results in black text.
u2022     All values in Black, but adverse to be shown below the bar.

Hi,
This type of question is almost impossible to answer over a forum .
You need to work with your business to understand what these requirements mean in terms of data modelling and relationships between object entities.
- Some of these metrics should be delegated to source, and calculated in the update routines to your datatargets (aka Cubes/Tables)
- Others could be resolved in the semantic layer (Universe)
- Other will be calculated in the presentation layer as local formulae or variables.
whilst BusinessObjects is a fairly intuitive tool, it may be unreasonble to expect a new learner to deliver an advanced report with conditional formatting.
Regards,
H

UI issue with Column Chart

Hi all.. Am working with Column chart, and am having uneven data with which i need to come out with coumn chart.
code is give below..
<?xml version="1.0"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:custom="components.*">
    <mx:Script>
        <![CDATA[
        import mx.collections.ArrayCollection;
        [Bindable]
        private var medalsAC:ArrayCollection = new ArrayCollection( [
            { Country: "USA", Gold: 35},
            { Country: "China", Silver:17},
            { Country: "Russia", Bronze: 14} ]);
        ]]>
    </mx:Script>
    
    <mx:SolidColor id="sc1" color="yellow" alpha=".8"/>
    <mx:SolidColor id="sc2" color="0xCCCCCC" alpha=".6"/>
    <mx:SolidColor id="sc3" color="0xFFCC66" alpha=".6"/>
    
    <mx:Stroke id="s1" color="yellow" weight="2"/>
    <mx:Stroke id="s2" color="0xCCCCCC" weight="2"/>
    <mx:Stroke id="s3" color="0xFFCC66" weight="2"/>
    <mx:Panel title="ColumnChart and BarChart Controls Example"
        height="100%" width="100%" layout="horizontal">
        <mx:ColumnChart id="column"
            height="100%"
            width="100%"
            paddingLeft="5"
            paddingRight="5"
            showDataTips="true"
            dataProvider="{medalsAC}"
        >
            <mx:horizontalAxis>
                <mx:CategoryAxis categoryField="Country"/>
            </mx:horizontalAxis>
            <mx:series>
                 <custom:extended
                    xField="Country"
                    yField="Gold"
                    displayName="Gold"
                    fill="{sc1}"
                    stroke="{s1}"/>
                <custom:extended
                    xField="Country"
                    yField="Silver"
                    displayName="Silver"
                    fill="{sc2}"
                    stroke="{s2}"/>
               <custom:extended
                    xField="Country"
                    yField="Bronze"
                    displayName="Bronze"
                    fill="{sc3}"
                    stroke="{s3}"/>
            </mx:series>
        </mx:ColumnChart>
        <mx:Legend dataProvider="{column}"/>
    </mx:Panel>
</mx:Application>
as per code... its showing graph as
If u notice the chart in each series, as there no proper data.. its showing that empty gap as per the order of column series created..
In array collection, in each object we are missing some value.
Any idea ow to remove this gap.. How to remove those empty spaces....
Thanks & Regards
Pratap

Hi ramesh,
check out my edited version of Chandrashekhar Mahajan's fiddle
http://jsbin.com/jetoz/1/edit
Chandra was trying to create a new Dialog everytime which i've modified & chart inside a popup is a known issue which has been mentioned by SAP UI5 in Notes section. You can do a workaround by manually rerender() or setTimeout()
Regards
Sakthivel

How to integrate Sliding picture menu with Bubble chart

Hi
I have a Bubble chart as below for sales
X axis = Amount (ex- 2500045)
y axis = Deal age (ex- 15)
z axis = stages (ex- quotation/negotiation/closed/lost)
I have datas for 5 sales rep with different stages
Next is a Sliding picture menu
This has pictures of the above 5 sales rep.
Now how to integrate these two. that means if I click one sales rep picture data of that salesrep should reflect in bubble chart, likewise if I click on other sales rep his data should appear in the bubble chart
Can any experts help on this.
Thanks
KS

Could you explain a bit more what it is exactly you're trying to accomplish. How are you trying to integrate the openbox menu with tint?
For example: right-clicking free space on tint panel brings up OB menu.
Current workaround works (tint not stretched to screen width - I'm clicking empty space on sides of tint panel) but I was hoping for more "elegant" solution.
According to tint manual:
"3.7 Mouse
customize mouse action with : none, close, toggle, iconify, shade, toggle_iconify
mouse_middle = none
mouse_right = close
mouse_scroll_up = toggle
mouse_scroll_down = iconify"
Why not just use the hotkey to bring up the openbox menu?
Not being able to do everyday tasks efficiently with a mouse is a big no-no.
Besides that, combo of OB + Tint + Trayer is great.
Last edited by mute (2008-10-10 22:42:56)

Multiple Line Charts with Column Chart

I want to show two line charts with a column chart. Everything goes on the screen fine, except the two line charts origination point always starts at the same point despite the numbers being different. For example, the ls1 might read 280, 190, 180 and the ls2 is 175, 188, 177 but both origination points start at 280. The other two datapoints should also be close together but they have a substantial gap of about 50 between them. Obviosuly I want to have two separate lines. I have also tried moving the line series below the first lines series with no success.
<mx:ColumnChart dataTipFunction="formatDataTip"id="
myChart" dataProvider="
{FCVData}" showDataTips="
true"selectionMode="
single"change="event.stopImmediatePropagation()"
width="
100%" height="95%" y="50">

<mx:verticalAxis>
<mx:LinearAxis title="mytitle" labelFunction="defineVerticalLabel"id="
v1"baseAtZero="
true" />
</mx:verticalAxis>
<mx:horizontalAxis>
<mx:CategoryAxis dataProvider="
{MYData}" categoryField="
YEAR"
/>
</mx:horizontalAxis>
<mx:series>
<mx:ColumnSeries id="
pb"color="
#FFFFFF"xField="
YEAR" yField="B
UDGET" displayName="
Budget"hideDataEffect="
zoomOut" showDataEffect="
zoomIn">
<mx:fill>
<mx:SolidColor color="{colColor1}"/>
</mx:fill>
</mx:ColumnSeries>
<mx:LineSeries id="ls2" dataProvider="
{MYData}" yField="
ACTUAL"displayName="
Actual"
>
<mx:itemRenderer>
<mx:Component>
<mx:DiamondItemRenderer/>
</mx:Component>
</mx:itemRenderer>
<mx:lineStroke>
<mx:Stroke color="
{lineColor2}" weight="
5" alpha="
.5"
/>
</mx:lineStroke>
<mx:verticalAxis>
<mx:LinearAxis id="v3" baseAtZero="true"/>
</mx:verticalAxis>
</mx:LineSeries>
<mx:ColumnSeries
id="
asytd"color="
#FFFFFF"xField="
YEAR" yField="
SPEND" displayName="
Spend "hideDataEffect="
zoomOut" showDataEffect="
zoomIn">
<mx:fill>
<mx:SolidColor color="{colColor2}"/>
</mx:fill>
</mx:ColumnSeries>
<mx:LineSeries id="ls1" dataProvider="
{MYData}" yField="
PLAN"displayName="
Plan"
>
<mx:itemRenderer>
<mx:Component>
<mx:CrossItemRenderer/>
</mx:Component>
</mx:itemRenderer>
<mx:lineStroke>
<mx:Stroke color="
{lineColor1}" weight="
5" alpha="
.5"
/>
</mx:lineStroke>
<mx:verticalAxis>
<mx:LinearAxis title="title" id="v2" baseAtZero="true"/>
</mx:verticalAxis>
</mx:LineSeries>
</mx:series>
<mx:verticalAxisRenderers>
<mx:AxisRenderer placement="left" axis="{v1}"/>
<mx:AxisRenderer placement="right" axis="{v2}"/>
<mx:AxisRenderer visible="false" placement="right" axis="{v3}"/>
</mx:verticalAxisRenderers>
</mx:ColumnChart>

Hi,
Still Trying:
I've now got this code to function:
var i:int = 0;
                for each (var cat:* in event.result.chart.categories.category){
                    //mx.controls.Alert.show(cat.label);
                    var z:int = 0;
                    for each (var valuee:* in event.result.chart.dataset){
                        //mx.controls.Alert.show(event.result.chart.dataset[z].seriesName);
                        //mx.controls.Alert.show(valuee.sete[i].value);
                        z++;
                    i++
which works fine, how can I get in into Array to make a dataset for the flex charts?
Thanks,
Elad

Working with column chart

Hi ,
I want to draw column chart with dataProvider as Array
Collection .It is fine.But dataProvider Array collection has
objects with type A and Type B.How can i draw chart with type A
objects and TypeB objects seperately by switching from combo box
control.
Regards,
Krishna

Use a filter function on the array collection.
myArrayCol.filterfunction = isTypeA;
myArrayCol.refresh( );

Accordion Menu does not do proper job

I am using an accordion menu to select data to display on a line chart. I manipulate some data with a spinner and the graph on the line chart does not change. If I move up a label and move down again then the graph has changed.
If I replace the accordion menu with a list box, I am able to see changes on the line chart dynamicall when I increase or decrease values with the spinner. Thoughts? Many thanks!

Anil,
the source data area contains calculations that can be manipulated by the values entered in the spinner. Example: Some cells contain a conversion factor and other cells contain a simple weighting factor. The weighting and the conversion factor are incremented or decreased by the values in the spinner.
Once this calculation is done I expect the accordion menu to write the data into row x again so that the update is displayed in the line chart. If you use a list box instead of an accordion menu it works and the line chart is updated every time I change the value in the spinner.
In the accordion case it does not seem to be the case. When I change the spinner value I have to select another label and go back again to see the changes. I assume that the accordion menu then has written new values in row x.
Does that make any sense? Regards, Frank

How to display labels ( vertically) in a column Chart

Hi,
      As per my requirement I want to show labels inside the column charts & they must be aligned verically
say ABC is id i want display i want A
                                                      B
                                                       C
    I have tried with Column Charts properties like showvertically =" true" & extendLabelToEnd="true".But i am not getting them vertically aligned .Is that something else also must be done.
Regards
Kalavati singh
[email protected]

Take a look at this blog: http://gerardnico.com/wiki/dat/obiee/presentation_variable
Try it out by providing a default format.
Thanks,
BIPuser

Spry Accordion Menu Tab Link css - totally confused

Thanks folks from an l-plater but I've totally confused myself trying to work this out and I'm hoping some fresh eyes will see the answer clear as day. I've created a spry accordion menu with links in the actual panel tabs. Menu and links all working fine - problem is in css styling, particularly panel tab link open and hover states which should be blue text over green background, same as non-link panel tabs. You'll see from code that I've tried a few styles but can't get this to work. I'm thinking I've totally overdone it and some styles are overriding others and solution is a simple deletion of some unnecessary or conflicting styles.
Thanks so much in advance for your help - I just can't see for looking any more though I'm sure it can't be hard.
<div id="sidebar1">
<div id="Accordion1" class="Accordion">
<div class="AccordionPanel">
    <div class="AccordionPanelTab"><a href="Index.html" onclick="window.location = this.href">Home</a></div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Photo Gallery</div>
    <div class="AccordionPanelContent">
    <ul>
    <li><a href="PhotoGallery.html">Gallery 1</a></li>
    </ul>
    </div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Unit Newsletters</div>
    <div class="AccordionPanelContent">
    <ul>
    <li><a href="Newsletter.html">February 2010</a></li>
    </ul>
    </div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab"><a href="Sponsors.html" onclick="window.location = this.href">Sponsors</a></div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab"><a href="Merchandise.html" onclick="window.location = this.href">Merchandise</a></div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab"><a href="Links.html" onclick="window.location = this.href">Links</a></div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab"><a href="Events.html" onclick="window.location = this.href">Events</a></div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Forms</div>
    <div class="AccordionPanelContent">
    <ul>
    <li><a href="">Joining Instructions</a></li>
    <li><a href="">Enrolment</a></li>
    <li><a href="">Next of Kin</a></li>
    <li><a href="">Volunteer Blue Card</a></li>
    </ul>
    </div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab"><a href="Contact.html" onclick="window.location = this.href">Contact</a></div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab"><a href="LogIn.html" onclick="window.location = this.href">Log In</a></div>
    <div class="AccordionPanelContent">
    <ul>
    <li><a href="WhatsOn.html">Whats On</a></li>
    <li><a href="PSG.html">Parent Support Group</a></li>
    </ul>
    </div>
    </div>
</div>
</div>
.AccordionPanel {
margin: 0px;
padding: 0px;
.AccordionPanelTab {
background-color: #036;
border-bottom: 1px #93b747 solid;
margin: 0px;
padding-left: 10px;
padding-top: 2px;
padding-bottom: 2px;
font-size: 12px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
text-decoration: none;
.AccordionPanelTabOpen {
color: #036;
background-color: #93b747;
display: block;
text-decoration: none;
.AccordionPanelTabHover {
color: #036;
background-color: #93b747;
text-decoration: none;
border-bottom: 1px solid #036;
display: block;
.AccordionPanelTab a {
color: #93b747;
margin: 0px;
font-size: 12px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
text-decoration: none;
display: block;
.AccordionPanelTab a.open {
font-color: #036;
color: #036;
background-color: #93b747;
text-decoration: none;
display: block;
.AccordionPanelTab a.active {
color: #036;
background-color: #93b747;
display: block;
text-decoration: none;
.AccordionPanelTab a.hover {
color: #036;
background-color: #93b747;
font-weight: bold;
text-decoration: none;
display: block;
.AccordionPanelTab a.close {
color: #93b747;
background-color: #036;
text-decoration: none;
display: block;
.AccordionPanelContent {
margin: 0px;
padding-left: 10px;
padding-top: 2px;
padding-bottom: 12px;
background: #fff;
font-size: 12px;
color: #036;
font-weight: 500;
.AccordionPanelContent ul li {
margin-left: -40px;
padding-top: 2px;
padding-bottom: 2px;
background: #fff;
font-size: 12px;
color: #036;
font-weight: 500;
text-decoration: none;
list-style-type:none;
list-style:none;
.AccordionPanelContent ul li a:link {
color: #036;
text-decoration: none;
list-style-type:none;
list-style:none;
.AccordionPanelContent ul li a:hover {
color: #036;
font-weight: bold;
text-decoration: none;
.AccordionPanelContent ul li a:visited {
color: #036;
text-decoration: none;
.AccordionPanelOpen .AccordionPanelTab {
color: #036;
background: #93b747;
border-bottom: 1px solid #036;
.AccordionPanelOpen .AccordionPanelTab.a {
color: #036;
background: #93b747;
border-bottom: 1px solid #036;
.AccordionPanelOpen .AccordionPanelTabHover {
color: #036;
font-weight: bold;
.AccordionPanelOpen.a .AccordionPanelTabHover.a {
color: #036;
font-weight: 600;
.AccordionFocused .AccordionPanelTab {
color: #036;
font-weight: 600;
a.AccordionFocused .AccordionPanelTab {
color: #036;
font-weight: 600;
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
color: #036;
font-weight: 600;
a.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
color: #036;
font-weight: 600;

Yes Beth, you're right and I've corrected my css - I think - problem with AccordionPanelTab link open and hover states still happening so css still wrong. I've uploaded site so you can see what's happening (www.11acu.org). All tab states should be as per Photo Gallery, Newsletters and Forms. Hover state in tab links seem okay until mouse moves away from "a href" block - rest of tab area not working so its like the two styles, ie "AccordionPanelTab" and "AccordionPanelTab a:hover" are both working at the same time but I only want the latter to work. Now I've probably got you confused as well! lol Apologies! Recreated css for tab links below. Html same as in original post. Any help much appreciated.
.AccordionPanelTab {
color: #93b747;
background-color: #036;
border-bottom: solid 1px #93b747;
margin: 0px;
padding-left: 10px;
padding-top: 2px;
padding-bottom: 2px;
font-size: 12px;
text-decoration: none;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
.AccordionPanelTab a {
color: #93b747;
background-color: #036;
margin: 0px;
padding-left: -10px;
padding-top: -2px;
padding-bottom: -2px;
font-size: 12px;
text-decoration: none;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
display: block;
.AccordionPanelTab a:link {
color: #93b747;
background-color: #036;
margin: 0px;
padding-left: -10px;
padding-top: -2px;
padding-bottom: -2px;
font-size: 12px;
text-decoration: none;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
display: block;
.AccordionPanelTab a:hover {
color: #036;
background-color: #93b747;
margin: 0px;
padding-left: -10px;
padding-top: -2px;
padding-bottom: -2px;
font-size: 12px;
text-decoration: none;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
display: block;
.AccordionPanelTab a:active {
color: #036;
background-color: #93b747;
margin: 0px;
padding-left: -10px;
padding-top: -2px;
padding-bottom: -2px;
font-size: 12px;
text-decoration: none;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
display: block;
.AccordionPanelOpen .AccordionPanelTab {
color: #036;
background-color: #93b747;
border-bottom: solid 1px #036;
text-decoration: none;
.AccordionPanelTabHover {
color: #036;
background-color: #93b747;
text-decoration: none;
border-bottom: solid 1px #036;
.AccordionPanelOpen .AccordionPanelTabHover {
color: #036;
background-color: #93b747;
text-decoration: none;
font-weight: bold;
.AccordionFocused .AccordionPanelTab {
color: #93b747;
background-color: #036;
text-decoration: none;
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
color: #036;
background-color: #93b747;
border-bottom: solid 1px #036;
text-decoration: none;

Column chart problem

Hi there.
I have problem with column chart that is every time I added a
line seriese,
preexistent columns getting smaller.
How do I fix it?

Adobe Newsbot hopes that the following resources helps you.
NewsBot is experimental and any feedback (reply to this post) on
its utility will be appreciated:
Flex 3 - Defining axis labels:
In that function, Flex appends '07 to the axis labels, and
displays the labels .... <mx:LineSeries yField='5' form='curve'
displayName='5%'/> <mx:LineSeries
Link:
http://livedocs.adobe.com/flex/3/html/charts_displayingdata_06.html
Flex Charting: help on showing line series based on list box:
Jan 26, 2007 ... 1002 & 1003, basically, in 3 different
line series, its not coming, hence would appreciate any help in
this. im posting the code & xml
Link:
http://www.actionscript.org/forums/showthread.php3?t=126863
Alternating background column colors in a Flex LineSeries
chart at:
In this example, you also see examples of setting custom
label functions for a LinearAxis ... xmlns:mx='
http://www.adobe.com/2006/mxml'
layout='vertical'
Link:
http://blog.flexexamples.com/2007/11/19/alternating-background-column-colors-in-a-flex-lin eseries-chart/
Flex Monkey Patches Blog Archive Flex Charting Interactive
Legend:
Sep 6, 2007 ... <mx:Application xmlns:mx='
http://www.adobe.com/2006/mxml'>
... var lineSer:LineSeries = findSeries(event.item.label);
Link:
http://blog.flexmonkeypatches.com/2007/09/06/flex-charting-interactive-legend/
Removing the default drop shadow from a LineChart chart in
Flex at:
Hi, how can the shadow be removed programmatically from a
lineseries? ... xmlns:mx=http://www.adobe.com/2006/mxml
layout=vertical verticalAlign=middle
Link:
http://blog.flexexamples.com/2007/11/13/removing-the-default-drop-shadow-from-a-linechart- chart-in-flex/
mx.charts.series.LineSeries (Flex 2.0.1 Language Reference):
Specifies whether this component is included in the layout of
the parent container. ...... If null , the LineSeries assumes the
data provider is an Array of
Link:
http://livedocs.adobe.com/flex/201/langref/mx/charts/series/LineSeries.html
Disclaimer: This response is generated automatically by the
Adobe NewsBot based on Adobe
Community
Engine.

Accordion Menu & Firefox

I am using Dreamweaver CS3 along with Spry 1.6.1
I am using an accordion menu with 4 tabs and they transition
fine in IE7 but in Firefox there is a problem. The menu works fine
but it expands the site as if all 4 panels are open at one time.
Then when I click on the accordion menu the site collapses back
together.
If I change the height under the .AccordionPanelContent class
in the CSS file it helps but that affects the menu in IE if I do it
that way.
Any ideas why it would cause the web page to spread apart
when first loaded up in Firefox?
Thanks!

Do you have a sample URL that demonstrates the problem?
--== Kin ==--

UITableView accordion menu

i want to make an accordion menu with UITableView. i achieved a little but my tableView's background is transparent. so when the cell is tapped i expand it but the cell's expanded part is still transparent. my problem is how i can make a accordion menu with UItableView ? and is it possible to make it with transparent tableView ?

quote:
Danilo Celic wrote:
Try this page:
http://foundationphp.com/tutorials/spry_url_utils.php
Thanks a lot. This web page gave some answers, but now I have
a new problem:
When I test my accordion menu in a normal html page
everything works fine. When I put this accordion menu to my DW
template it stops working. The result is that every accordion's
panels are open!
Why? Can you assist me?
In template head I have this code:
<link href="../SpryAssets/SpryAccordion.css"
rel="stylesheet" type="text/css" />
<script src="../SpryAssets/SpryAccordion.js"
type="text/javascript"></script>
<script type="text/javascript"
src="SpryAssets/SpryURLUtils.js"></script>
<script type="text/javascript">
var params = Spry.Utils.getLocationParamsAsObject();
</script>
And in template end just before </body> tag I have this
code:
<script type="text/javascript">

</script>

Spry accordion menu

Hello,
I have a Spry Accordion menu with links inside the Accordion
Panel Content. I’m trying to style them using CSS, but
can’t figure out how. I tried this(below) but doesn’t
work.
#AccordionPanelContent a {
font-size:9px;
color:#FF6600;
font-weight:bold;
text-decoration:none;
padding-left: 2px;
padding-right:15px;
Here's the HTML code:
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Places</div>
<div class="AccordionPanelContent">
<ul>
<li><a
href="jordan.html">Jordan</a></li>
<li><a
href="bhutan.html">Bhutan</a></li>
<li><a
href="london.html">London</a></li>
<li><a
href="spain.html">Spain</a></li>
<li><a href="rocky.html">Rocky Nat'l Park,
USA</a></li>
</ul>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">WildLife</div>
<div class="AccordionPanelContent">Content
3</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Close-ups</div>
<div class="AccordionPanelContent">
<ul>
<li><a
href="flowers.html">Flowers</a></li>
<li><a
href="insects.html">Insects</a></li>
</ul>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">People</div>
<div class="AccordionPanelContent">Content
4</div>
</div>
</div>
<script type="text/javascript">
<!--
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
Thanks for any help on how to style these link,
Dave

Links are not coded into the CSS for the Accordian panel. You
could add the lines in yourself.
Here is what I would recommend. If you want the same link
color regardless of where it is on the document, make another css
document on your own, attach it to the document, and put the
following in it:
a:link {color: #FF0000}
a:visited {color: #00FF00}
a:hover {color: #FF00FF}
a:active {color: #0000FF}
That would just change the color of the links. Active and
Link can be the same if you want even though this example does not
show it. If you need something else, like underlining or bold, you
could use the Reference Panel of DW or post here, and you could
also check out this example:
http://www.w3schools.com/css/tryit.asp?filename=trycss_link2
This comes from a very good tutorial located at:
http://www.w3schools.com/css/default.asp
(the Hyperlink stuff is under "psuedo-class" under advanced on the
left menu)
Or if you just need this code to work on the panel only you
would need to do this:
#AccordianPanelContent a:active,
#AccordianPanelContent a:link { CSS CODE HERE }
#AccordianPanelContent a:visited { CSS CODE HERE }
#AccordianPanelContent a:hover { CSS CODE HERE }
Hope this helps some.

Drill Down between 2 stacked column chart with multiple rows.

Hi,
Can anyone please help me.
1) i have to create stacked column chart with Region and cout of calls for previous 3 quarters.
2) the 2nd stacked column should display the priority with the count of calls for the respective selection of region on the 1st chart..
to achieve this,
i'm using 2 stacked column charts and 1 lebel baseb menu.
from this i can able to get the drill down from label based menu to 2nd stacked column chart but i couldn't able to done the same from 1st stacked coumn chart.
Becoz my data is multiple row for each quarter.
please suggest me to achieve the drill down between 2 stacked column charts.
assume that my data like below.:
coulmns for 1st stacked column chart : Region, Q2,Q3 &Q4
Region                Q2                Q3               Q4
Other              3658              3497               497
NA - North
America                3               3               1101
APJK     1     4     597
UK               324
EMEA North     1     1     288
CORPORATE     1     5     215
LA -
Latin America1     2     208
EMEA     1          199
EMEA South     1     1     169
Coulmns for 2nd coumn chart: Region, Priority, Q2,Q3,Q4 ()which is derived from 1st table.
Region     Priority     Q2     Q3     Q4
Other     D: End of Next Day     1568     1613     239
Other     C: End of Day     983     893     119
Other     A: 2 Hour     631     610     70
Other     B: 4 Hour     396     318     56
NA -
North AmericaD: End of Next Day     2     2     514
APJK     D: End of Next Day          3     297
NA -
North AmericaC: End of Day               284
NA -
North AmericaA: 2 Hour     1          170
UK     D: End of Next Day               157
APJK     C: End of Day     1     1     152
Other     E: 3 - 5 Business Days     68     58     13
EMEA North     D: End of Next Day          1     136
CORPORATE     D: End of Next Day          4     107
NA - North America     B: 4 Hour          1     104
LA - Latin America     D: End of Next Day     1     1     86
EMEA     D: End of Next Day               86
UK     C: End of Day               85
APJK     A: 2 Hour               79
EMEA South     D: End of Next Day               72
EMEA North     A: 2 Hour               69
EMEA North     C: End of Day               56
APJK     B: 4 Hour               55
EMEA     C: End of Day     1          53
LA - Latin America     C: End of Day               54
UK     A: 2 Hour               49
EMEA South     C: End of Day     1          44
CORPORATE     A: 2 Hour          1     43
CORPORATE     C: End of Day               44
LA - Latin America     A: 2 Hour          1     42
EMEA South     A: 2 Hour          1     32
EMEA     B: 4 Hour               30
UK     B: 4 Hour               30
EMEA     A: 2 Hour               27
EMEA North     B: 4 Hour     1          26
NA -
North AmericaE: 3 - 5 Business Days               25
LA - Latin America     B: 4 Hour               23
EMEA South     B: 4 Hour               20
CORPORATE     B: 4 Hour               17
APJK     E: 3 - 5 Business Days               13
Other     F: 6 - 10 Business Days     6     4
Other     G: 11 - 20 Business Days     6     1

Hi Srinivas,
I'm using label based menu "filterd rows" only but i couldn't bind the drill down with the 1st stacked column chart.
for mor details:
1) i'm having 2 stacked coumn charts & 1 lebel based menu but eventhough i couldn't able to achieve.
if i select the lebel based values then the 2nd stacked column charts is giving detailed valus but if i keep my mouse on the 1st stacked column chart the there is no changes on the 2nd chart..
somewhere i'm mising the binding data between 1st stacked coumn chart & lebel based menu on drill down part.
Becoz i'm having multiple rows. so can you please try your and send me the xlf file using your concept.

Help Creating Dynamic Stacked Column Chart with Multiple Criteria

Hi all. Im new here and hoping you can help. I have a dashboard Im trying to rebuild from scratch (our computer had a meltdown and we lost all our files). I did not build the dashboard initially so Im trying to recreate it from the flash file we were able to recover. I have come across a chart that I just cannot figure out how to do. I can figure out how to write an array in the Excel sheet that pulls the data into a table the way I need it to be but found out after I wrote that that Xcelcius doesn't support arrays so all my data disappears when I go into preview mode (which is especially frustrating since I can see the chart working fine in design mode). Anyway this is what the data table looks like
Month         Year            Company      Positive #          Negative #         Neutral #          Positive %       Negative %      Neutral %
October      2011            CompanyA      1234                1234                 1234                 10                    10                    10
October      2011            CompanyB      1234                1234                 1234                 10                    10                    10
October      2011            CompanyC      1234                1234                 1234                 10                    10                    10
October      2011            CompanyD      1234                1234                 1234                 10                    10                    10
November 2011            CompanyA      1234                1234                 1234                 10                    10                    10
November 2011            CompanyB      1234                1234                 1234                 10                    10                    10
November 2011            CompanyC      1234                1234                 1234                 10                    10                    10
November 2011            CompanyD      1234                1234                 1234                 10                    10                    10
December 2011            CompanyA      1234                1234                 1234                 10                    10                    10
December 2011            CompanyB      1234                1234                 1234                 10                    10                    10
December 2011            CompanyC      1234                1234                 1234                 10                    10                    10
December 2011            CompanyD      1234                1234                 1234                 10                    10                    10
The original chart was built so that you would choose the month from a combo box and then the company names would show up along the X axis with their % amounts shown in the stacked column. I know how to make a combo box work and I know how to make a stacked column chart work with static data. I cannot for the life of me figure out how to get it to work so that when you choose the month from the combo box it filters the data. I've tried filtered rows but I'm just missing some information that makes it work and I can't figure out what that information is. It has to be able to get the month/year combo from the combo box and then go to the table, filter it by month and year and then create a multi-row table of data with just the company and the percent values. Any help would be greatly appreciated!

Which connection you are using?
IF quite difficult if you are working under static data.

Accordion Menu with Column Chart

Similar Messages

Maybe you are looking for