Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Learning Highcharts 4

You're reading from   Learning Highcharts 4 Design eye-catching and interactive JavaScript charts for your web page with Highcharts, one of the leading tools in web charting

Arrow left icon
Product type Paperback
Published in Jan 2015
Publisher Packt
ISBN-13 9781783287451
Length 478 pages
Edition 2nd Edition
Languages
Arrow right icon
Author (1):
Arrow left icon
Joe Kuan Joe Kuan
Author Profile Icon Joe Kuan
Joe Kuan
Arrow right icon
View More author details
Toc

Table of Contents (17) Chapters Close

Preface 1. Web Charts 2. Highcharts Configurations FREE CHAPTER 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 $19.99/month. Cancel anytime
Banner background image