Book description
Design eye-catching and interactive JavaScript charts for your web page with Highcharts, one of the leading tools in web charting
In Detail
Highcharts is a popular type of web charting software that produces stunning and smooth animated HTML5 SVG graphs.
Joe Kuan continues the Learning Highcharts series, with the second edition comprising of brand new content and revised chapters. The book covers all the graphs supported in Highcharts 4. Step-by-step tutorials demonstrate how to create presentable charts with real-life data. The book also explores how to replicate industry charts from a financial brochure, sports article, 3D infographics, and even a Fiat 500 speedometer.
The second part of the book focuses on the operational side; APIs, events, and framework integration. The third part of the book looks into the server side and online services, how Highcharts/PhantomJS works, and demonstrates the usage and reviews the latest exciting development, Highcharts Cloud-an online chart service without any prior Highcharts or JavaScript experience needed. You just need to insert the data and it does the rest.
In a nutshell, this book aims to be the most comprehensive Highcharts book in the market.
What You Will Learn
- Use Highcharts to create a simple chart and all the graph series supported in Highcharts 4
- Create presentable industry-scale charts with series-specific options
- Get to grips with 3D charts and create special effects with 3D-specific options
- Use the Highcharts APIs and events to produce interactive charts
- Integrate Highcharts with jQuery Mobile and ExtJS's extensions
- Discover how to use Highcharts on the server side and get to know about the Highcharts cloud service
- Write and apply Highcharts plugins to come up with innovative charts
Table of contents
-
Learning Highcharts 4
- Table of Contents
- Learning Highcharts 4
- Credits
- About the Author
- Acknowledgments
- About the Reviewers
- www.PacktPub.com
- Preface
- 1. Web Charts
- 2. Highcharts Configurations
- 3. Line, Area, and Scatter Charts
- 4. Bar and Column Charts
- 5. Pie Charts
- 6. Gauge, Polar, and Range Charts
- 7. Bubble, Box Plot, and Error Bar Charts
- 8. Waterfall, Funnel, Pyramid, and Heatmap Charts
- 9. 3D Charts
-
10. Highcharts APIs
- Understanding the Highcharts class model
-
Using the Highcharts APIs
- Chart configurations
- Getting data in Ajax and displaying a new series with Chart.addSeries
- Displaying multiple series with simultaneous Ajax calls
- Extracting SVG data with Chart.getSVG
- Selecting data points and adding plot lines
- Exploring series update
- Testing the performance of various Highcharts methods
- Comparing Highcharts' performance on large datasets
- Summary
-
11. Highcharts Events
- Introducing Highcharts events
-
Portfolio history example
-
The top-level chart
- Constructing the series configuration for a top-level chart
- Launching an Ajax query with the chart load event
- Activating the user interface with the chart redraw event
- Selecting and unselecting a data point with the point select and unselect events
- Zooming the selected area with the chart selection event
- The detail chart
-
The top-level chart
- Stock growth chart example
- Summary
-
12. Highcharts and jQuery Mobile
- A short introduction to jQuery Mobile
- Understanding mobile page structure
- Understanding page initialization
- Linking between mobile pages
- Highcharts in touch-screen environments
- Integrating Highcharts and jQuery Mobile using an Olympic medals table application
- Drilling down for data with the point click event
- Building a dynamic content dialog with the point click event
- Applying the gesturechange (pinch actions) event to a pie chart
- Summary
-
13. Highcharts and Ext JS
- A short introduction to Sencha Ext JS
- A quick tour of Ext JS components
-
The Highcharts extension
- Step 1 – removing some of the Highcharts options
- Step 2 – converting to a Highcharts extension configuration
- Step 3 – constructing a series option by mapping the JsonStore data model
- Step 4 – creating the Highcharts extension
- Converting a data model into a Highcharts series
- Plotting pie charts
- Module APIs
- Event handling and export modules
- Extending the example with Highcharts
- A commercial RIA with Highcharts – Profiler
- Summary
- 14. Server-side Highcharts
- 15. Highcharts Online Services and Plugins
- Index
Product information
- Title: Learning Highcharts 4
- Author(s):
- Release date: January 2015
- Publisher(s): Packt Publishing
- ISBN: 9781783287451
You might also like
video
Build Interactive Dashboards Using Highcharts with Angular: Create Stunning Animated Interactive Charts for Modern Browsers
Learn to create stunning animated and interactive charts using Highcharts and Angular. Along the way you …
book
Beginning SVG: A Practical Introduction to SVG using Real-World Examples
Develop SVG functionality for use within websites quickly and natively, using basic tools such as HTML …
book
Web Development Recipes, 2nd Edition
Modern web development is so much more than just HTML and CSS with a little JavaScript …
audiobook
Transformed
Help transform your business and innovate like the world's top tech companies! Transformed: Moving to the …