JavaScript and jQuery for Data Analysis and Visualization

Chapter 14Charting Time Series with Ignite UI igDataChart

What's in This Chapter

• The basics of working with financial data
• Using the Ignite UI igDataChart to visualize stock data
• Navigating financial data with a zoom bar
• Exploring financial data using overlays and indicators
• Updating data in real time in a chart
• Using Node.js and Socket.IO to push data to the browser
• Plotting extreme amounts of data using the Ignite UI igDataChart

CODE DOWNLOAD The wrox.com code downloads for this chapter are found at www.wrox.com/go/javascriptandjqueryanalysis on the Download Code tab. The code is in the chapter 14 download and individually named according to the names throughout the chapter.

This chapter introduces you to plotting time series data on a chart. One of the biggest calls for plotting time series data in the software engineering world is to present stock data for analysis. So, the first part of this chapter shows you how to acquire and plot stock data on a chart.

Next, you move on to plotting real-time updates into a time series. Real-time updates in a browser using only JavaScript, you say? Surely impossible. Not at all. Not only are real-time updates possible using pure JavaScript, but they are getting easier and easier to implement as newer browser revisions start to support technologies such as WebSockets.

To plot the stock data and the real-time data for this chapter, you use the Infragistics Ignite UI igDataChart. As shown elsewhere in this book, there are plenty ...