Create Web Charts with jqPlot

Create Web Charts with jqPlot

Released November 2014
Publisher(s): Apress
ISBN: 9781484208625

Read it now on the O’Reilly learning platform with a 10-day free trial.

O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial

Book description

Create Web Charts with jqPlotshows how to convert your data into eye-catching, innovative, animated, and highly interactive browser-based charts. This book is suitable for developers of all experience levels and needs: for those who love fast and effective solutions, you can use the jqPlot library to generate charts with amazing effects and animations using only a few lines of code.

By the end of the book, you will have a good knowledge of all the elements needed to manage data from every possible source, from high-end scientific instruments to Arduino boards, from simple HTML tables to structured JSON files, and from Matlab calculations to reports in Excel. You will be able to provide cutting-edge charts exploiting the growing power of modern browsers.

This book contains content previously published in Beginning JavaScript Charts.

  • Create all kinds of charts using the latest technologies available on browsers
  • Full of step-by-step examples, Create Web Charts with jqPlot introduces you gradually to all aspects of chart development, from the data source to the choice of which solution to apply.
  • This book provides a number of tools that can be the starting point for any project requiring graphical representations of data, whether using commercial libraries or your own
    •

    Table of contents

    1. Cover
    2. Title
    3. Copyright
    4. Dedication
    5. Contents at a Glance
    6. Contents
    7. About the Author
    8. About the Technical Reviewer
    9. Acknowledgments
    10. Introduction
    11. Chapter 1: Charting Technology Overview
      1. Elements in a Chart
      2. Most Common Charts
      3. How to Realize Charts on the Web
      4. HTML5
      5. Charting with SVG and CANVAS
        1. Canvas vs SVG
      6. The DOM
      7. Developing in JavaScript
        1. Running and Debugging JavaScript
        2. Data Types in JavaScript
      8. Firebug and DevTools
      9. JSON
      10. Summary
    12. Chapter 2: jQuery Basics
      1. Including the jQuery Library
        1. Selections
        2. Chaining Methods
        3. Chaining Methods
      2. jQuery and the DOM
        1. The ready() Method
        2. Traversing the DOM with Selections
        3. Create and Insert New Elements
        4. Remove, Hide, and Replace Elements
      3. jQuery UI: Widgets
        1. Accordion
        2. Tab
        3. Button
        4. Combo Box
        5. Menu
        6. Slider
        7. Progress Bar
      4. Concluding Thoughts on the jQuery Library
      5. Summary
    13. Chapter 3: Introducing jqPlot
      1. The jqPlot library
      2. Including Basic Files
      3. Plot Basics
        1. Adding a Plot Container
        2. Creating the Plot
      4. Using jqPlot Plug-ins
      5. Understanding jqPlot Options
        1. Inserting Options
        2. Handling Options on Axes
      6. Inserting Series of Data
      7. Renderers and Plug-ins: A Further Clarification
      8. CSS Customization
      9. Thinking in Modules
      10. Summary
    14. Chapter 4: Line Charts with jqPlot
      1. Using (x, y) Pairs as Input Data
      2. First Steps in the Development of a Line Chart: The Axes
        1. Add a Title and Axis Labels
        2. Axis Properties
        3. Axes Ticks
        4. Using the Log Scale
      3. The Multiseries Line Chart
        1. Multiple Series of Data
        2. Smooth-Line Chart
        3. Line and Marker Style
        4. Animated Charts
        5. More Than One y Axis
      4. Data with JavaScript
        1. Generating Data, Using Math Functions
        2. Generating Random Data
      5. Handling Date Values
        1. The DateAxisRenderer Plug-in
        2. Handling Date Values in Different Formats
        3. Handling Time Values
      6. Highlighting
        1. Cursor Highlighter
        2. Highlighting with HTML Format
      7. Interacting with the Chart: Limit Lines and Zooming
        1. Drawing a Limit Line on the Chart
        2. Adding Buttons to Your Charts
        3. Zooming
      8. Changing Chart Appearance
        1. Customizing Text, Using CSS
        2. Changing the Background Color
        3. Further Customization, Using CSS
        4. Setting the Grid
      9. Working with Areas on Line Charts
        1. Area Charts
        2. Line and Area Charts
        3. Band Charts
        4. Filling Between Lines in a Line Chart
      10. Trend Lines
      11. Summary
    15. Chapter 5: Bar Charts with jqPlot
      1. Using the BarRenderer Plug-In to Create Bar Charts
      2. Rotate Axis Tick Labels
      3. Modify the Space Between the Bars
      4. Adding Values at the Top of Bars
      5. Bars with Negative Values
      6. Bar Charts with More Than One Set of Data
        1. Vertical and Horizontal Bar Charts
        2. Vertical Stacked Bars
        3. Horizontal Stacked Bars
      7. Combination Charts: Lines in Bar Charts
      8. Animated Plot
      9. Marimekko Chart
      10. Bar Chart Events
        1. The jqplotDataClick Event
        2. The jqplotRightClick Event
        3. Other Bar Chart Events
        4. Clicking the Bar to Show Information in Text
      11. Handling Legends
        1. Adding a Legend
        2. The Enhanced Legend
        3. Custom Legend Highlighting
      12. Custom Tool Tip
      13. Summary
    16. Chapter 6: Pie Charts and Donut Charts with jqPlot
      1. Pie Charts
      2. Donut Charts
      3. Multilevel Pie Charts
      4. Summary
    17. Chapter 7: Candlestick Charts with jqPlot
      1. OHLC Charts
      2. Using Real Bodies and Shadows
      3. Comparing Candlesticks
      4. Summary
    18. Chapter 8: Scatter Charts and Bubble Charts with jqPlot
      1. Scatter Chart (xy Chart)
      2. Bubble Chart
      3. Block Chart
      4. Summary
    19. Chapter 9: Funnel Charts with jqPlot
      1. Creating a Funnel Chart
      2. Summary
    20. Chapter 10: Adding Controls to Charts
      1. Adding Controls
      2. Using Radio Buttons
        1. Adding Radio Button Controls
        2. Accessing Attributes after the Chart Has Already Been Drawn
      3. Using Sliders
      4. Using Check Boxes
      5. Summary
    21. Chapter 11: Embedding jqPlot Charts in jQuery Widgets
      1. jqPlot Charts on Tabs
      2. jqPlot Charts on Accordions
      3. Resizable and Draggable Charts
        1. A Resizable Line Chart
        2. Three Draggable Line Charts
      4. Summary
    22. Chapter 12: Handling Input Data
      1. Using the JSON Format
        1. The JSON Format
        2. A Practical Case: The jqPlot Data Renderer
        3. JSON and $.getJSON()
      2. Real-Time Charts
      3. Summary
    23. Appendix A: Guidelines for the Examples in the Book
      1. Installing a Web Server
      2. Installing Aptana Studio IDE
      3. Setting the Aptana Studio Workspace
      4. Creating a Project
      5. Completing the Workspace
      6. Filling the src Directory with the jqPlot Library
      7. Running the Examples
      8. Summary
    24. Appendix B: jqPlot Plug-ins
    25. Index

    Product information

    • Title: Create Web Charts with jqPlot
    • Author(s):
    • Release date: November 2014
    • Publisher(s): Apress
    • ISBN: 9781484208625