What do you get with Print?

Instant access to your digital eBook copy whilst your Print order is Shipped

Paperback book shipped to your preferred address

Download this book in EPUB and PDF formats

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

Learning Highcharts

Chapter 2. Highcharts Configurations

All Highcharts graphs share the same configuration structure and it is crucial for us to get familiar with the core components. However, it is not possible to go through all the configurations in this book. In this chapter, we will explore the properties that are mostly used from a functional point of view and demonstrate them with ongoing examples. We will learn the concept of how Highcharts manages layout, and then explore how to configure axes, specify single series and multiple series data, followed by formatting and styling tooltips in both JavaScript and HTML. Finally, we will get to know how to polish our charts with various types of animations and to apply color gradients. In this chapter we will cover the following:

Understanding Highcharts layouts
Framing the chart with axes
Revisiting the series configuration
Styling the tooltips
Animating charts
Expanding colors with gradients

Key benefits

Step-by-step instructions with real-live data to create bar charts, column charts and pie charts, to easily create artistic and professional quality charts

Learn tips and tricks to create a variety of charts such as horizontal gauge charts, projection charts, and circular ratio charts

Use and integrate Highcharts with jQuery Mobile and ExtJS 4, and understand how to run Highcharts on the server-side

Add advanced reporting capabilities and understand how to select the right chart for your data

Description

Highcharts is a popular web charting software that produces stunning and smooth animated JavaScript and HTML5 SVG graphs. It is among the leading web charting software in the market and has been used in many different sectors ó from financial to social websites. Although it is built on top of jQuery, it is so simple to construct that you need little programming skill to create a simple web chart. Highcharts works on all modern browsers and is solely based on native browser technologies and doesn't require client side plugins like Flash or Java."Learning Highcharts" is a comprehensive tutorial with clear and practical examples. This book follows a step by step approach towards making artistic, presentable, or professional style charts and other types of charts that you won't find elsewhere. It also shows you how to integrate Highcharts with other popular frameworks, such as jQuery, jQuery Mobile, and ExtJS and even how to run it on the server side.The book starts off with an introduction to Highcharts and demonstrates usage of its rich set of options. This is followed by an introduction to each type of basic chart, beginning with simple illustrations and ending with more artistic and productive additions to the charts. The book then guides you how to use the Highcharts API and events handling which are important to build interactive applications. It then goes on to show you how to apply Highcharts onto a popular AJAX Framework or even jQuery, jQuery Mobile and Ext JS. Finally the book shows readers how to set up Highcharts running on server side. "Learning Highcharts" aims to teach you everything you need to know about Highcharts, and take the advanced leap from Flash to JavaScript, with this extremely productive and effective Charting software available, thus helping you build basic charts and even multiple series and axes charts. The book also shows you the flexibility of Highcharts and how to create other special charts. The programming side of APIs and event handling will benefit the readers in building advanced web applications with Highcharts. The book also guides readers on how to integrate Highcharts with popular frameworks such as jQuery Mobile and Ext JS. By the end of the book, you should be able to use Highcharts to suit your web page or application needs.

Who is this book for?

This book is both for beginners and advanced web developers who need to create interactive charts for their web applications. It primarily targets JavaScript Web developers who want to use the Highcharts library to prepare interactive and professional-quality charts and graphs for their applications quickly and easily. Prior experience with JavaScript is assumed.

What you will learn

Learning the basicsóline, column, and pie charts and getting to grips with the latest features of Highcharts

Producing artistic, professional and funky charts with examples

Using the Highcharts APIs to produce interactive charts

Creating horizontal gauge chart and projection charts

Using Highcharts event handlers

Using Highcharts with jQuery Mobile

Using Highcharts with Ext JS 4

Running Highcharts on the server side

What do you get with Print?

Instant access to your digital eBook copy whilst your Print order is Shipped

Paperback book shipped to your preferred address

Download this book in EPUB and PDF formats

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

Frequently bought together

Responsive Web Design with HTML5 and CSS3

€32.99

HTML5 Graphing and Data Visualization Cookbook

€41.99

€37.99

Total € 112.97

Filter reviews by

All

Amazon verified reviews

Juanjo Fernandez Feb 10, 2013

You may probably have used, or will know at least, some library to create charts, because is the most pleasant way to display numerical data information, something that is very common.If so, It's quite probably that you know Highcharts, but if anyone is confused I'll say that it's a JavaScript library to create (almost) any chart type. It's so huge that a 332 pages book can be completed, a book that I'll write some lines.As usual I'll do a summary of each chapter and finally, I'll give my opinion:Chapter 1 - Web Charts: To start you'll see a short summary of the HTML elements used for chart generation (SVG and canvas) and other JS libraries like jqPlot, amCharts, Ext JS 4 Charts, YUI 3 Charts, FusionCharts, etc.Chapter 2 - Highcharts Configurations: A huge library as Highcharts has many configuration options. There's a whole chapter to this in which you will find, among other things: how to implement a particular layout, tooltips customization, gradients, and animations.Chapter 3 - Line, Area, and Scatter Charts: Here you'll start with the chart generation. In this case you'll see how to create line, area and scatter charts, as well as combinations to show different chart types in the same area.Chapter 4 - Bar and Column Charts: More about chart generation but this time bar and column charts. You'll see how to show this chart type in different ways: with grouped columns, vertically or horizontally, mirror, etc.Chapter 5 - Pie Charts: This chapter is entirely dedicated to pie and donut charts. Like the previous chapters: how to create and display them in different ways.Chapter 6 - Gauge, Polar, and Range Charts: Creation of other types of pie charts. Highlights the tutorial that explains how to create a Fiat 500 speedometer formed by several types of pie charts.Chapter 7 - Highcharts API: This is one of the largest chapters of the book. It makes a complete review of all the objects you can find in Highcharts and their properties and methods. You'll also find very useful examples that go further than simple chart generation: adding dynamic data with AJAX, integrating Highcharts with a frontend that allows a user to receive a chart by email, etc.Chapter 8 - Highcharts Events: In Highcharts you have many events available. You'll see in this chapter through different examples. In one of them you'll create a chart that zoom in on the selected area on another smaller chart.Chapter 9 - Highcharts and jQuery Mobile: Highcharts also display correctly on mobile devices, and you'll check in this chapter. Don't worry if you have not used jQuery Mobile before, as there is a tutorial at the beginning of the chapter that explains its basic operation.Chapter 10 - Highcharts and Ext JS: This time you'll see an introductory tutorial about Ext JS (a library specialized in RIA's creation) and then you'll create an application with different panels, tabs, etc, showing different types of charts on each tab.Chapter 11 - Running Highcharts on the Server Side: Sometimes you may need to generate charts from the server, for instance to send emails automatically with a chart from Highcharts. In this cases you have several possibilities as you'll see in this chapter, from using Xvfb and some browser to node.js or Phantom.js.As usual in the PacktPub books that I've reviewed - and there are several - it's a very practical book, with many examples which you can follow step by step and a lot of code that goes beyond the basic issues.On the downside I must say that the images in the printed version aren't in color. In other subject books this wouldn't have great importance, but in this case it would be useful to see the charts colors. In the digital version of the book, the images are colored.If you plan to use Highcharts in any of your projects, clearly will be a successful purchase, since it covers to a greater o lesser extent every aspect you can imagine related to this great library. Accordingly, it's obvious that Joe Kuan has wide experience using Highcharts in his daily work.

Amazon Verified review

hiro Jan 28, 2013

I like that the book written step-by-step, this makes the reader really understand.There are many graphic explanation in this book. It's easy understand for beginner.I had used Google Chart Tools until this book was published. The book help me to using Highcahrts.I think it is not satisfied for beginner only by the document of the Highcharts official website. Because there is not graphic illustration. It's a reference.

G P Crawshaw May 11, 2019

This is going to really come in handy at work, can’t wait to get started using the examples in reality

John Spencer Feb 28, 2014

As many of the previous reviews have posted, Highcharts has very good document and examples on their web site. I purchased this book after reading the reviews. The reviews were positive and I was looking for a book that provided me with another way to learn how to use Highcharts. This book has met and exceeded my expectations in this area. I like the fact that it explains the how and why things are done when programming Highcharts.If you are looking for a book to help you learn how to use Highcharts that goes beyond Highcharts documentation and examples, then this book is for you.

PaulArt Oct 20, 2013

I found Highcharts and this book fantastic! I am using it everyday at work! I have searched high and low for charting applications and this is the best out there. I have also tried rGraph and Raphael and I can tell you that Highcharts is the quickest way to go if you are developing an application that requires charts.

Learning Highcharts: Whether you're a novice or an advanced web developer, this practical tutorial will enable you to produce stunning interactive charts using Highcharts. With a foreword by the creator, it's the only guide you'll need to get started.

What do you get with Print?

Learning Highcharts

Chapter 2. Highcharts Configurations

Configuration structure

Understanding Highcharts layouts

Framing the chart with axes

Accessing the axis data type

Revisiting the series configuration

Exploring PlotOptions

Styling the tooltips

Animating charts

Expanding colors with gradients

Summary

Page 1 of 10

Key benefits

Description

Who is this book for?

What you will learn

Product Details

What do you get with Print?

Product Details

Frequently bought together

Table of Contents

Recommendations for you

Customer reviews

Filter reviews by

People who bought this also bought

FAQs

Learning Highcharts: Whether you're a novice or an advanced web developer, this practical tutorial will enable you to produce stunning interactive charts using Highcharts. With a foreword by the creator, it's the only guide you'll need to get started.

What do you get with Print?

Contact Details

Shipping Address

Billing Address

Key benefits

Description

Who is this book for?

What you will learn

Product Details

What do you get with Print?

Contact Details

Shipping Address

Billing Address

Product Details

Packt Subscriptions

Frequently bought together

Table of Contents

Recommendations for you

Customer reviews

Filter reviews by

People who bought this also bought

FAQs