Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Learning Highcharts 4
  • Table Of Contents Toc
Learning Highcharts 4

Learning Highcharts 4 - Second Edition

By : Joe Kuan
4.5 (2)
Buy this Book
close
close
Learning Highcharts 4

Learning Highcharts 4

4.5 (2)
By: Joe Kuan
Buy this Book

Overview of this book

The book is aimed at all levels of readers. Beginners can learn the basic configurations and step-by-step approaches in creating charts or Highcharts cloud. For intermediate and advanced readers, the book explores the APIs, events, server-side operations and plugins.
Table of Contents (17 chapters)
close
close
close
Preface
Icon
Preface
Icon
What this book covers
Icon
What you need for this book
Icon
Who this book is for
Icon
Conventions
Icon
Reader feedback
Icon
Customer support
Lock Free Chapter
1
1. Web Charts
Icon
1. Web Charts
Icon
A short history of web charting
Icon
The rise of JavaScript and HTML5
Icon
JavaScript charts on the market
Icon
Why Highcharts?
Icon
Highcharts – a quick tutorial
Icon
Summary
2
2. Highcharts Configurations
Icon
2. Highcharts Configurations
Icon
Configuration structure
Icon
Understanding Highcharts' layout
Icon
Framing the chart with axes
Icon
Revisiting the series config
Icon
Exploring PlotOptions
Icon
Styling tooltips
Icon
Animating charts
Icon
Expanding colors with gradients
Icon
Zooming data with the drilldown feature
Icon
Summary
3
3. Line, Area, and Scatter Charts
Icon
3. Line, Area, and Scatter Charts
Icon
Introducing line charts
Icon
Highlighting negative values and raising the base level
Icon
Sketching an area chart
Icon
Mixing line and area series
Icon
Combining the scatter and area series
Icon
Summary
4
4. Bar and Column Charts
Icon
4. Bar and Column Charts
Icon
Introducing column charts
Icon
Introducing bar charts
Icon
Constructing a mirror chart
Icon
Converting a single bar chart into a horizontal gauge chart
Icon
Sticking the charts together
Icon
Summary
5
5. Pie Charts
Icon
5. Pie Charts
Icon
Understanding the relationship between chart, pie, and series
Icon
Plotting simple pie charts – single series
Icon
Plotting multiple pies in a chart – multiple series
Icon
Preparing a donut chart – multiple series
Icon
Building a chart with multiple series types
Icon
Summary
6
6. Gauge, Polar, and Range Charts
chevron up
Icon
6. Gauge, Polar, and Range Charts
Icon
Loading gauge, polar, and range charts
Icon
Plotting a speedometer gauge chart
Icon
Plotting the solid gauge chart
Icon
Converting a spline chart to a polar/radar chart
Icon
Plotting range charts with market index data
Icon
Using a radial gradient on a gauge chart
Icon
Summary
7
7. Bubble, Box Plot, and Error Bar Charts
Icon
7. Bubble, Box Plot, and Error Bar Charts
Icon
The bubble chart
Icon
Understanding the box plot chart
Icon
The error bar chart
Icon
Summary
8
8. Waterfall, Funnel, Pyramid, and Heatmap Charts
Icon
8. Waterfall, Funnel, Pyramid, and Heatmap Charts
Icon
Constructing a waterfall chart
Icon
Constructing a funnel chart
Icon
Joining both waterfall and funnel charts
Icon
Plotting a commercial pyramid chart
Icon
Exploring a heatmap chart with inflation data
Icon
Experimenting with dataClasses and nullColor options in a heatmap
Icon
Summary
9
9. 3D Charts
Icon
9. 3D Charts
Icon
What a Highcharts 3D chart is and isn't
Icon
Experimenting with 3D chart orientation
Icon
Configuring the 3D chart background
Icon
Plotting the column, pie, donut, and scatter series in 3D charts
Icon
Navigating with 3D charts
Icon
Summary
10
10. Highcharts APIs
Icon
10. Highcharts APIs
Icon
Understanding the Highcharts class model
Icon
Using the Highcharts APIs
Icon
Summary
11
11. Highcharts Events
Icon
11. Highcharts Events
Icon
Introducing Highcharts events
Icon
Portfolio history example
Icon
Stock growth chart example
Icon
Summary
12
12. Highcharts and jQuery Mobile
Icon
12. Highcharts and jQuery Mobile
Icon
A short introduction to jQuery Mobile
Icon
Understanding mobile page structure
Icon
Understanding page initialization
Icon
Linking between mobile pages
Icon
Highcharts in touch-screen environments
Icon
Integrating Highcharts and jQuery Mobile using an Olympic medals table application
Icon
Drilling down for data with the point click event
Icon
Building a dynamic content dialog with the point click event
Icon
Applying the gesturechange (pinch actions) event to a pie chart
Icon
Summary
13
13. Highcharts and Ext JS
Icon
13. Highcharts and Ext JS
Icon
A short introduction to Sencha Ext JS
Icon
A quick tour of Ext JS components
Icon
The Highcharts extension
Icon
A commercial RIA with Highcharts – Profiler
Icon
Summary
14
14. Server-side Highcharts
Icon
14. Server-side Highcharts
Icon
Running Highcharts on the server side
Icon
Highcharts on the server side
Icon
Running the Highcharts server script
Icon
Summary
15
15. Highcharts Online Services and Plugins
Icon
15. Highcharts Online Services and Plugins
Icon
Highcharts export server – export.highcharts.com
Icon
Highcharts Cloud Service
Icon
Highcharts plugins
Icon
Summary
16
Index
Icon
Index

Plotting the solid gauge chart

Highcharts provides another type of gauge chart, solid gauge, which has a different presentation. Instead of having a dial, the chart background is filled with another color to indicate the level. The following is an example derived from the Highcharts online demo:

The principle of making a solid gauge chart is the same as a gauge chart, including the pane, y axis and series data, but without the dial setup. The following is our first attempt:

            chart: {
                renderTo: 'container',
                type: 'solidgauge'
            },
            title: ....,
            pane: {
               size: '90%',
                background: {
                    innerRadius: "70%",
                    outerRadius: "100%"
                }
            },
            // the value axis
            yAxis: {
                min: 0,
                max: 200,
                title: {
                    text: 'Speed'
                }
            },
     ...
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Learning Highcharts 4
End of Section 6
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist download Download options
font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon