Horizontal scroll bar with Line charts

Hi,
       I want  a scrollable bar attached to x-axis as in this example(fourth one in the following URL---http://www.connectedpixel.com/blog/scrollingcharts).I able to find these feature only with ColumnCharts .Can any one tell whether can we apply the same to LineCharts .I request you to send some docs/examples of scrollbar with Line Charts
Regards
Kalavati
[email protected]

Kalavati,
it's all fairly straightforward ActionScript stuff. Create a new ActionScript class derived from Panel. In a suitable handler create the line chart and scroll bar (HScrollbar), position them wherever you want with the x/y/height/width properties, and add them as children (otherwise they won't show up).
I'm not sure what you're wanting to do with the scroll bar but let's suppose that at the start you show all the x-axis data (which is the default) and have the scrollbar thumb pointer at 100% (ie scrollPosition=maxScrollPosition). Then catch the scroll event. In the handler, work out the percentage across of the current position (this is a whole lot easier if you've set maxScrollPosition=100 to start with), then work out the implied change to the line chart in terms of data values. I don't know if you know in advance the data values or not, but it doesn't really matter. Suppose the horizontal axis is a LinearAxis. keep hold of the data max value along this axis for later use (say max_data_value), then do
LinearAxis(chart.horizontalAxis).maximum = max_data_value * [the percentage worked out from the scroll bar]
Richard

Similar Messages

  • Horizontal scroll bar in tabular form with columns freeze

    Hi All,
    I have a requirement where i have to create a tabular form in which the first three columns should be in freeze mode and it should have a horizontal scroll bar.
    with the help of Google i found an example [http://apex.oracle.com/pls/otn/f?p=267:46]
    I want the same thing as in the example but with first three columns in freeze mode
    But could not find out how to create this column freeze and horizontal scroll bar.
    Let me know if you have any idea on this
    Thanks in advance,
    Ananth

    Hi,
    It is easy to look at the page source and see what they have done
    if you search for var d1 = document.getElementById("d and d1 you see some javascript doing the magic.
    Thanks

  • Horizontal scroll bar moves with page up/down

    I'm new at this and apologize if I don't have the right forum, but can't find any reference to my problem anywhere. A month or so ago the horizontal scroll bar at the bottom of the screen started moving up or down with the page as I used the vertical scroll bar to page up or down. The bar partly disintegrates if I click on it, but mostly remains in place and obscures text on that line. If there is more than one page I can make the bar disappear by scrolling the to the next page, and then back. This happens only when I'm on the internet, and appears in news pages ( e.g. NY Times, BBC) and on my e-mails (I use Hotmail). I have a Mac mini, 1.66 GHz, OS 10.4.11, all other updates offered by Apple. I'm sure this is not a Safari problem, and my searches for Apple viruses, Trojans, Worms, has found nothing about this (there are discussions about vertical scrolling, but these don't seem to relate to my problem). So can anyone tell me what this is and how to get rid of it? Thanks for any help. TJ Wont

    I've got the same problem. It started when the BBC introduced adverts onto their News website. As the page loads an advert (or sometimes whitespace) appears between the tab and the BBC News banner. This is then shifted to the right hand side when the page fully loads.
    I suspect that there's some fancy DHTML going on that Safari isn't rendering properly.
    Problem doesn't occur if the Safari window is maximised to full screen width.

  • I have a problem with interactive report in  horizontal scroll bar

    hi all,
      in my interactive report the horizontal scroll bar is not visible and i have created a scroll bar with the html code and i have a problem in that scroll bar when ever i will click the select list and if i will move the scroll bar and the select list is also moving but it the select list dont have to move .pls give me a solution for this urgent.
    thanks in advance 

    Kishore suresh wrote:
    hi all,
      in my interactive report the horizontal scroll bar is not visible and i have created a scroll bar with the html code and i have a problem in that scroll bar when ever i will click the select list and if i will move the scroll bar and the select list is also moving but it the select list dont have to move .pls give me a solution for this urgent.
    thanks in advance
    Hi,
    How you think anybody can help if you do not post single line how you have try create that scrolling report ?
    And if your issue is urgent, you are seeking help from wrong place.
    Regards,
    Jari

  • Help with code for inserting horizontal scroll bar in photo gallery in Business Catalyst site?

    Hi,
    I am using Business Catalyst and Dreamweaver to create a trial site.
    I am not sure if this is the correct forum to post this request but anyway I have inserted a photo gallery module at the bottom of the sidebar in the homepage of my test site.
    Can anyone advise on whether jquery or any other code can be inserted into the page or module code that will replace the "next" hyperlink below the first 4 photos with a horizontal scroll bar at bottom of the gallery so users can just scroll through all 12 images ?
    Kind Regards, Matt.
    http://craftime-bs6.businesscatalyst.com/

    Alyssa,
    Have you tried putting this rule back as it was originally:
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
        left: auto; /*was 9px*/
        color: #EF9CCF;
        background-color: #FFF;
    That is, changing your 9px back to auto.
    And giving  us a link (as you did) is much better than printing out the code for us! Thanks!
    Beth

  • Horizontal Scroll bar problem with CL_GUI_ALV_GRID

    Hi Experts,
    I have created Dynamic ALV by using CL_GUI_ALV_GRID . Everthing is working fine if all the data is displaying in single screen. But if the number of columns increase with the output of data the horizontal scroll bar is not working.
    It is visible but when I click to scroll it to the end of screen it is not working. Can anybody help me that what can be the problem?

    Please reduce the container size in the screen thru SE51 that automatically create the scroll
    or check whether in the attributes of the screen "Hold scroll positio" not to be checked

  • A region with horizontal scroll bar?

    I do have a page with 2 regions next to each other:
    region1 region2
    In region1 I am retrieving and image from database. This image has fixed set of attributes like width and height. In region2 there is a text retrieved from DB. I would like to configure region2 so it will have same (fixed) width and height so in cases where there is more text so it would cause region2 to be taller there will be a horizontal scroll bar.
    Is this done through ccs styles? Can any body advice how to accomplish this?
    Thank you for your time.
    DanielD

    Reuben
    Try the solution mentioned at Re: Report Displaying with Scrollbars
    for your text region.

  • Oracle Forms 6i/11i Apps: Horizontal scroll bar is hiding last record in the form, issue with folder switcher

    Horizontal scroll bar is hiding last record in the form. Attached the screenshot which shows the issue.
    Regards,
    Venkat K

    If this is a custom form, you will have to alter the design. If this is a seeded form, pl open an SR with Support

  • How to have a table with a horizontal scroll bar

    Hi All,
    I need to develop a page in which i have around 15 columns in a table to display in a table format.The requirement also says that after the first 4 columns ,all the remaining columns in the table should have a horizontal scroll bar,so that the user can see the remaining columns as required by scrolling horizontally in the table.
    Is this possible to do in OAF and if yes how?
    I created a table region with 15 columns but i am getting a horizontal scroll bar on the page but not on the table.Please kindly suggest .
    Thanks in advance.

    Sumit,
    I guess the functionality they are looking for here is similar to freezeing of some columns in excel sheets. This makes the initial columns as it is and rest of the columns have scrolling enabled. This is useful in scenario where there are a large number of columns and while looking at last columns, you will probably like to see the first couple of column data as well to map to see which id or user it belongs to. Just a useability case :-)
    --Shiv                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           

  • Design view with supper long horizontal scroll bar

    Hi,
    I do get the supper long horizontal scroll bar quite offten. Whats the cause of it? and how can avoid it ?

    RunRunforest wrote:
    Hi,
    I do get the supper long horizontal scroll bar quite offten. Whats the cause of it? and how can avoid it ?
    The cause of it is the code on your page.  You can avoid it by fixing the code.  We can steer you to the problem, but we'd need to see your page and its code....

  • Horizontal Scroll Bar Disappeared in Web Report(BW 7)

    Hi All,
    We have just upgraded one of our Developement BW system from 3.5 to Netweaver 2004s, with support pack 7.
    After running our query in Web, we have found that all our reports has no horizontal scroll bar to display the query column. This  in turn pushes the corresponding Chart to theleft extreme of the viewing area.  
    I have tried to reset the web item properities of the table , but no help.                                                 I have compared the web item properities for the  table in the system where upgrade has not been applied yet. It is same.Scoll bar does appear in BW system where there is no upgrade.
    I have searched the OSS for answer, but did not find any answer.
    Did anybody face this issue after upgrade to BIW 7 ?
    Our WAD is ver. 3.5 Final release.
    Your response is highly appreciated .

    Here is the code
    Classes for paging area *******/      
    .SAPBEXScrollVert     {
         font-family:Arial,sans-serif;
         background-color:#ffffff;
         color:#000000;
         font-style:normal;
         font-weight:normal;
         font-size:71%;               
         text-align:left;
         margin:0 1px 0 1px;
         padding:1px 3px 1px 3px;
    .SAPBEXScrollHor     {
         font-family:Arial,sans-serif;
         background-color:#ffffff;
         color:#000000;
         font-style:normal;
         font-weight:normal;
         font-size:71%;               
         text-align:right;
         margin:0 1px 0 1px;
         padding:1px 3px 1px 3px;

  • Urgent!!!!Add a Horizontal Scroll Bar for Table Control

    Hi Experts,
    I want to have a Horizontal Scroll Bar on my Table control.
    I tried with few properties for the Table UI Element but not able to solve it.
    If any one who had already done this please help me out.
    Thanks in advance..
    Regards, Kishore K

    HI Koen,
    Thanks for early Reply.
    When I use this I get
    Page Down ( ->!!, Arrown with lines pointing Down)
    Page UP
    Page Top    ( ->, Arrown with lines pointing Top)
    Page Down ( ->, Arrown with lines pointing Down)
    But I need only Page top and Page down for this Table UI .
    I think my question is clear enough.
    Please let me know this also.
    Thanks & Regards,
    Kishore K

  • Cfchart yaxis scale is wrong when combining bar and line charts

    Hi, I am trying to combine a bar and line chart ti display data.  Everything looks good except that the yaxis scale is off.  I set the scaleMin to 0 but that doesn't help.  Below is my code, the custom XML style and a screen shot.  My ultimate goal is to get the yaxis to start at 0, not -1,000 as is currently the case.  I have combined this data with each set represented as bar charts and do not have this problem.  It must be the combo of bar and line charts together.  Any assistance is most appreciated.
    <cfchart title = "#variables.ReportName# Seedlings Ordered"
        style = "../SO_R_overall.xml"
        Format = "PNG"
        pieSliceStyle = "solid"
        show3D = "no"
        showBorder = "yes"
        showLegend = "yes"
        tipStyle = "MouseOver"
        chartHeight = "#DefinedChartHeight#"
         chartWidth = "#DefinedChartWidth#"
        font="arial"
        fontsize="12"
        fontBold="yes"
        scaleFrom="0">
        <cfchartseries
            type="bar"
            seriesLabel="Goal"
            query="getDivisionGoalsByDivision"
            valueColumn="divisiongoal" 
            itemColumn = "division"
            dataLabelStyle="Value"
            seriesColor="99CCFF"
            >           
        </cfchartseries>   
        <cfchartseries
            type="line"
            seriesLabel="Ordered"
            query="getQTYordered"
            valueColumn="QTYordered" 
            itemColumn = "division"
            dataLabelStyle="Value"
            seriesColor="green"
            >           
        </cfchartseries>
    </cfchart>
    ***************** Custom Chart Style called *****************
    <?xml version="1.0" encoding="UTF-8"?>
    <frameChart is3D="false">
            <frame xDepth="3" yDepth="3" outline="#333333" lightColor="white"
            leftAxisPlacement="Front" rightAxisPlacement="Front" stripColor="#CCCCCC"/>
            <xAxis scaleMin="0">
                <labelStyle isHideOverlapped="false" orientation="Horizontal"/>
                <titleStyle font="Arial-10-bold" isMultiline="true">Division</titleStyle>
            </xAxis>
            <yAxis scaleMin="0">
                <titleStyle font="Arial-10-bold"/>
                <dateTimeStyle majorUnit="Year" minorUnit="Month"/>
                <labelFormat style="Pattern" pattern="#,##0"/>
            </yAxis>        
            <dataLabels font="Arial-10" foreground="black" autoControl="true"/>
            <legend>
                   <![CDATA[ $(rowLabel)  ]]>   
              </legend>
            <decoration style="RoundShadow"/>
            <popup background="#C8FFFFFF" foreground="#333333"/>
            <paint paint="Plain"/>
            <insets left="5" top="5" right="5" bottom="5"/>
    </frameChart>

    I should have also said that I am using 8.0 Pro.
    I want to have the output similar to an e-book.
    The issue (Sept-October of 19xx)
    Then the individual pages (bookmarked)

  • Visual Composer table horizontal scroll bar

    Hi Experts,
    is it possible to have horizontal scroll bar in visual composer iview?
    is it possible to lock initial n columns from scroll in VC iview?
    if possible the pls tell how?
    Thanks in advance
    Anupam

    Hi Anupam..
    The below info may helps you .......
    Visual Composer produces applications in a declarative form, thereby enabling completely code-free execution mode for multiple runtime environments. It provides full application lifecycle support by maintaining the connection between an application and its model throughout its lifecycle. Visual Composer is designed with an open architecture, which enables developers to extend its design-time environment and modeling language, as well as to integrate external data services.
    As a result, Visual Composer modelers increase productivity by reducing their development effort time from weeks and months to days. Domain experts gain the means to express their requirements directly rather than conveying them to developers. This narrows the gap between application definition and implementation.
    Starting with a blank canvas, the Visual Composer user draws the application in Visual Composer Storyboard (workspace), without writing a single line of code. Since no traditional programming skills are needed, business process experts can prototype, design and produce entire applications.
    A typical workflow for creating, deploying and running an application using Visual Composer is:
    Create a model
    Discover data services and add them to the model
    Select necessary UI elements and add them to the model
    Connect model elements to define the model logic and data flow
    Edit the layout
    Arranging the UI elements and the controls of the application on forms and tables.
    Deploy the model
    This step includes compilation, validation and deployment to a selected environment.
    Run the application
    The application can run using different runtime environment (such as Adobe Flex and HTML)
    Modeling Business Intelligence Data with Visual Composer - Part I
    Modeling Business Intelligence Data with Visual Composer - Part II
    http://help.sap.com/saphelp_nw04/helpdata/en/fd/4a7e40417c6d1de10000000a1550b0/frameset.htm
    http://help.sap.com/download/netweaver/nw04/visualcomposer/VC_60_SolManGuide.pdf
    Creating Model:
    http://help.sap.com/saphelp_nw04/helpdata/en/fd/4a7e40417c6d1de10000000a1550b0/frameset.htm
    Creating Portal Content:
    http://help.sap.com/saphelp_nw04/helpdata/en/fd/4a7e40417c6d1de10000000a1550b0/frameset.htm
    Customizing VC toolbar:
    http://help.sap.com/saphelp_nw04/helpdata/en/fd/4a7e40417c6d1de10000000a1550b0/frameset.htm
    Regards
    Sudheer

  • How to get the Horizontal Scroll Bar for a Table?

    Hi All,
    As per my requirement, I am displaying several records in a Screen in a Tabular Format. But here I have to show 21 Columns in that table which is too high. I am able to display it but due to it I am getting a Horizontal scroll bar for the whole screen since all the columns are not getting displayed in the normal window screen space. But its looking too odd since once I am scrolling it to right the columns are getting displayed but the above Header Bar and Global buttons are not displaying, they are bound to the normal screen space.
    Is there a way to have a Horizontal scroll bar only for that table instead of the entire screen so that on scrolling that bar only the table rows will beshifted ant got displayed?
    With Thanks
    Kumar Gautam

    try this approach.
    include a raw text item before and table item.
    include the appropriate HTML tags in raw text item to enable horizontal scroll
    --Prasanna                                                                                                                                                                                                                                                                                                                                   

Maybe you are looking for