- 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
- 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
- Drilling down for data 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
- Running the Highcharts server script
- 15. Highcharts Online Services and Plugins
- Index
Web charting has been around since the early days of HTML, emerging from server-side technology to the client side. During this period, several solutions were adopted to work around the shortcomings of HTML. Now, with HTML5, which is rich in features, web charting has come back to HTML and this time it is for good, with the aid of JavaScript.
A number of JavaScript chart products were mentioned in this chapter. Among these, Highcharts emerged with a distinct graphical style and smooth user interactions. We also went through a simple chart example to experience how quick and easy it is to create our very first Highcharts chart.
In the next chapter, we will explore the Highcharts configuration object in greater detail with plenty more examples. The configuration object is the core part of the product that the structure serves as the common prototype for all the charts.
-
No Comment