/    Sign up×
Community /Pin to ProfileBookmark

Printing wide charts

Copy linkTweet thisAlerts:
Jan 18.2008

Hello,

I am an intern at a website development company. We just started to make gantt charts dynamically for our clients. I have the gantt charts displaying correctly on a page, but the problem comes in when I try to print.

The gantt chart is wider than the print page and so I lose all information that is past the page, I would like it to continue printing the information (that is lost) onto the next page.

We use ajax; javascript, xml, css, html. I am wondering how I can achieve this process.

[B]
What I have done:[/B]

I thought pre-made solutions to graphs would help me out so I turned to flash suites. As of right now I have my charts in flash, so from there I have:

  • 1.

    Scaling the charts. The Problem: They become to small to be effective.

  • 2.

    Converting the flash to an Image. The Problem: They still don’t print correctly. They are still cut off by the page.

  • 3.

    Convert into PDF’s. The Problem: pdf actually just scales my charts.

    • I am still looking into PDF’s as a solution, I am looking for a way to have pdf created by a specified region. so that I can make pages of separate pdf’s to make the charts populate multiple pages.

    [I]any suggestions?[/I]

    to post a comment
    JavaScript

    5 Comments(s) ↴

    Copy linkTweet thisAlerts:
    @KDLAJan 18.2008 — Have you tried saving it as a PDF, then changing the document's properties so that it must be printed on legal size paper? It'll be a pain for anyone printing your page; finding out they have to manually change the paper in the printer, but it would retain the width of your original chart.
    Copy linkTweet thisAlerts:
    @JerryMcFartsauthorJan 18.2008 — Well my main goal is to span the chart over many pages because the charts that are dynamically created need more than one page to be seen effectively.

    The difference from letter and legal seem to be 3 inches in length even if they print in landscape and have it legal size the charts are not big enough to be accurately seen. They will only span over like 3 pages, but condensing them onto one page isn't satisfactory.

    I also can't force my clients to use plotters or different size paper. I am very open to suggestions.
    Copy linkTweet thisAlerts:
    @KDLAJan 18.2008 — It sounds like you are creating items that require professional printing, not anything that can be done from a desktop to printer application.

    If you do not want to degrade the quality and retain the original width, there's not much that can be suggested. Perhaps you might rethink the layout of your Gantt charts, maybe experimenting with layouts that allow for segmenting, allowing users to print sections then piece together.
    Copy linkTweet thisAlerts:
    @JerryMcFartsauthorJan 18.2008 — I can shrink some to a degree but not down to one page.

    With the segmenting that is what I am trying to do, and pdf doesn't seem like that is the route to take. Do you have some suggestions, or pre-made programs that do this?

    The clients only use a browser to view and print the charts.

    My biggest hurdle is to actually show the hidden information onto a new page. That is the idea.
    Copy linkTweet thisAlerts:
    @KDLAJan 18.2008 — You could use some CSS print-styles, such as page-break-before or page-break-after. Of course, your created charts would have to be divs that can have the style applied to them.

    As to other programs, I don't have any suggestions. Another format, though, might be a .zip file, with the charts segmented into image files that the user could print. That way, they are packaged together.
    ×

    Success!

    Help @JerryMcFarts spread the word by sharing this article on Twitter...

    Tweet This
    Sign in
    Forgot password?
    Sign in with TwitchSign in with GithubCreate Account
    about: ({
    version: 0.1.9 — BETA 5.18,
    whats_new: community page,
    up_next: more Davinci•003 tasks,
    coming_soon: events calendar,
    social: @webDeveloperHQ
    });

    legal: ({
    terms: of use,
    privacy: policy
    });
    changelog: (
    version: 0.1.9,
    notes: added community page

    version: 0.1.8,
    notes: added Davinci•003

    version: 0.1.7,
    notes: upvote answers to bounties

    version: 0.1.6,
    notes: article editor refresh
    )...
    recent_tips: (
    tipper: @AriseFacilitySolutions09,
    tipped: article
    amount: 1000 SATS,

    tipper: @Yussuf4331,
    tipped: article
    amount: 1000 SATS,

    tipper: @darkwebsites540,
    tipped: article
    amount: 10 SATS,
    )...