Search icon
Subscription
0
Cart icon
Close icon
You have no products in your basket yet
Save more on your purchases!
Savings automatically calculated. No voucher code required
Arrow left icon
All Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletters
Free Learning
Arrow right icon
Learning Highcharts 4

You're reading from  Learning Highcharts 4

Product type Book
Published in Jan 2015
Publisher Packt
ISBN-13 9781783287451
Pages 478 pages
Edition 1st Edition
Languages
Author (1):
Joe Kuan Joe Kuan
Profile icon Joe Kuan

Table of Contents (23) Chapters

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 11. Highcharts Events 12. Highcharts and jQuery Mobile 13. Highcharts and Ext JS 14. Server-side Highcharts 15. Highcharts Online Services and Plugins Index

Converting a spline chart to a polar/radar chart


Polar (or radar) charts are generally used to spot data trends. They have a few differences from line and column type charts. Even though they may look like pie charts, they have nothing in common with them. In fact, a polar chart is a round representation of the conventional two-dimensional charts. To visualize it another way, it is a folded line or a column chart placed in a circular way with both ends of the x axis meeting.

Again, we need to include highcharts-more.js in order to plot a polar chart. The following screenshot illustrates the structure of a polar chart:

There are very few differences in principle, and the same also applies to the Highcharts configuration. Let's use our very first example of a browser usage chart in Chapter 1, Web Charts, and turn it into a radar chart. Recalling the browser line chart, we made the following:

To turn the line chart into a polar chart, we only need to set the chart.polar option to true, which transforms...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $15.99/month. Cancel anytime}