Search icon CANCEL
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
Highcharts Essentials

You're reading from  Highcharts Essentials

Product type Book
Published in Oct 2014
Publisher
ISBN-13 9781783983964
Pages 228 pages
Edition 1st Edition
Languages
Author (1):
Bilal Shahid Bilal Shahid
Profile icon Bilal Shahid

Table of Contents (16) Chapters

Highcharts Essentials
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
1. Getting Started with Highcharts 2. Column and Bar Charts 3. Line and Spline Charts 4. Area, Scatter, and Bubble Charts 5. Pie, Polar, and Spider Web Charts 6. Other Chart Types 7. Theming with Highcharts 8. Exploring Highcharts APIs and Events 9. Going Further with Highcharts Index

Index

A

  • addEvent() method / Adding custom event handlers
  • addSeries event
    • about / Highcharts events
  • Ajax
    • used, for updating chart / Updating charts using Ajax
  • alpha property / Creating 3D column charts
  • angular gauge chart
    • creating / Creating an angular gauge chart
    • with dual axes / An angular gauge with dual axes
    • styling / Styling the angular gauge
  • APIs, Highcharts
    • overview / An overview of Highcharts APIs and class model
  • area-spline charts
    • about / Area-spline charts
  • area charts
    • about / Introducing area charts
    • example / Introducing area charts
    • tick mark placement, adjusting / Adjusting the placement of tick marks
    • creating, with multiple series / Creating area charts with multiple series
    • creating, with missing values of series / Series with missing values
    • tooltip, sharing between multiple series / Sharing a tooltip between multiple series
    • stacking, with multiple series / Stacking charts with multiple series
    • modifying / Polishing the area chart
    • creating, with percentage values / Area charts with percentage values
  • axis, chart
    • extreme values, setting / Setting extreme values on an axis
  • Axis.setExtremes() method
    • used, for setting extreme values on axis / Setting extreme values on an axis
  • Axis class
    • getExtremes() method / An overview of Highcharts APIs and class model
    • addPlotBand() method / An overview of Highcharts APIs and class model
    • setCategories() method / An overview of Highcharts APIs and class model
    • URL / An overview of Highcharts APIs and class model

B

  • backgrounds
    • altering / Altering borders, shadows, and backgrounds
  • bar charts
    • about / Introducing bar charts
  • borders
    • altering / Altering borders, shadows, and backgrounds
  • bubble charts
    • creating / Creating bubble charts

C

  • chart
    • drilling down / Drilling down the chart
    • reflowing / Reflowing a chart
    • destroying / Destroying a chart
    • updating, Ajax used / Updating charts using Ajax
  • chart.addPoint() method
    • about / Adding a point dynamically
    • URL, for documentation / Adding a point dynamically
  • chart.addSeries() method
    • using / Adding a series dynamically
    • URL / Adding a series dynamically
    • about / Adding drilldowns to series
  • chart.drillUp() method
    • about / Drilling up to the parent series
  • Chart.get() method
    • using / Getting values with the Chart.get() method
  • chart.reflow() method
    • used, for reflowing chart / Reflowing a chart
  • chart animation
    • disabling / Disabling the chart animation
  • Chart class
    • about / An overview of Highcharts APIs and class model
    • addAxis() method / An overview of Highcharts APIs and class model
    • addSeries() method / An overview of Highcharts APIs and class model
    • destroy() method / An overview of Highcharts APIs and class model
    • getSVG() method / An overview of Highcharts APIs and class model
    • URL / An overview of Highcharts APIs and class model
  • chart elements
    • adjusting / Adjusting ticks and other chart elements
  • charts
    • global theme, creating for / Creating a global theme for our charts
    • configuring, for internationalization / Configuring our charts for internationalization
  • class model, Highcharts
    • overview / An overview of Highcharts APIs and class model
    • Chart / An overview of Highcharts APIs and class model
    • Axis / An overview of Highcharts APIs and class model
    • Series / An overview of Highcharts APIs and class model
    • Point / An overview of Highcharts APIs and class model
    • Renderer / An overview of Highcharts APIs and class model
    • chart animation, disabling / Disabling the chart animation
  • click event
    • about / Highcharts events
  • colorAxis.marker property / Creating a heat map
  • colorByPoint property / Basic theming concepts
  • color property / Modifying the viewing frame
    • about / Polishing the area chart
  • column charts
    • about / Introducing column charts
    • Highcharts official documentation, using / Using the official documentation of Highcharts
    • stacking / Stacking column charts
    • normal stacking / Stacking column charts
    • percentage stacking / Stacking column charts
    • with normal stacking / Column charts with normal stacking
    • with percentage stacking / Column charts with percentage stacking
    • and line charts, combining / Combining line and column charts
    • pie charts, combining with / Combining pie charts with line and column charts
  • columns
    • gradient background, used for / Gradient background for columns and tooltips
  • CSV
    • about / Preprocessing data from a CSV file
  • CSV file
    • data, preprocessing / Preprocessing data from a CSV file
  • custom event handlers
    • adding / Adding custom event handlers

D

  • 3D column charts
    • creating / Creating 3D column charts
    • viewing frame, modifying / Modifying the viewing frame
  • 3D features, Highcharts
    • URL / Modifying the viewing frame
  • data
    • loading, from HTML table / Loading data from an HTML table
  • data, preprocessing
    • from different file types / Preprocessing data from different file types
    • from CSV file / Preprocessing data from a CSV file
    • from XML file / Preprocessing data from an XML file
    • from JSON file / Preprocessing data from a JSON file
    • from database, PHP's PDO class used / Preprocessing data from a database using PHP's PDO class
  • data labels
    • formatting / Formatting date/time and data labels
  • Date.UTC() method / Creating line charts with regular time intervals, Creating line charts with irregular time intervals
  • date/time
    • formatting / Formatting date/time and data labels
  • dateTimeLabelFormats object / Formatting date/time and data labels
  • dials
    • about / Creating an angular gauge chart
  • directory, Highcharts
    • index.html / Installing Highcharts
    • examples / Installing Highcharts
    • exporting-server / Installing Highcharts
    • gfx / Installing Highcharts
    • graphics / Installing Highcharts
    • js / Installing Highcharts
  • div tag / Formatting the tooltip with HTML
  • donut chart
    • creating / Creating a donut chart
  • drilldown event
    • about / Highcharts events
  • drilldown property
    • about / Drilling down the pie chart
  • drillup event
    • about / Highcharts events
  • duration property / Using jQuery UI easing for series animation

E

  • easing property / Using jQuery UI easing for series animation
  • Element class
    • about / An overview of Highcharts APIs and class model
  • events, Highcharts
    • about / Highcharts events
    • addSeries event / Highcharts events
    • click event / Highcharts events
    • drilldown event / Highcharts events
    • drillup event / Highcharts events
    • load event / Highcharts events
    • redraw event / Highcharts events
    • selection event / Highcharts events
    • reference link / Highcharts events
  • exporting module, Highcharts
    • URL / Exporting Highcharts into other formats
  • eXtensible Markup Language (XML)
    • about / Preprocessing data from an XML file

F

  • fillColor property
    • about / Polishing the area chart
  • fillOpacity property
    • about / Polishing the area chart
  • fine-tuning the appearance, heat map / Fine-tuning the appearance
  • formatter() method
    • URL / Introducing bar charts
    / Formatting the tooltip, Formatting the tooltip, Formatting the tooltip with HTML
  • formatter method / Introducing bar charts
  • funnel chart
    • drawing / Drawing a funnel chart

G

  • global theme
    • creating, for charts / Creating a global theme for our charts
  • Google Fonts
    • used, with Highcharts / Using Google Fonts with Highcharts
  • Google Translate
    • URL / Configuring our charts for internationalization
  • Google Web Fonts
    • URL / Using Google Fonts with Highcharts
  • gradient fill types
    • about / Gradient fill types
    • linear gradients / Linear gradients
    • gradient background, for columns / Gradient background for columns and tooltips
    • gradient background, for tooltips / Gradient background for columns and tooltips
    • linear gradients, with multiple color stops / Linear gradients with multiple color stops
    • radial gradients / Radial gradients
    • radial gradient, applying to pie chart / Applying radial gradient to pie chart

H

  • heat map
    • creating / Creating a heat map
    • fine-tuning the appearance / Fine-tuning the appearance
    • tooltip, formatting / Formatting the tooltip
  • High, plot bands / Creating spline charts with plot bands
  • Highcharts
    • selecting / Why choose Highcharts?
    • installing / Installing Highcharts
    • URL / Installing Highcharts
    • example / A simple Highcharts example
    • Google Fonts, used with / Using Google Fonts with Highcharts
    • extending / Extending Highcharts
    • custom event handlers, adding / Adding custom event handlers
    • prototype functions, wrapping / Wrapping prototype functions
    • URL, for extending / Wrapping prototype functions
    • exporting, into other formats / Exporting Highcharts into other formats
    • exporting, programmatically / Exporting charts programmatically
  • Highcharts, features
    • chart types, defining / Plenty of chart types
    • responsive / Responsive
    • dynamic / Dynamic
    • browser support / Deep browser support
    • data, preprocessing / Data preprocessing
    • theming support / Custom theming support
    • multilingual / Multilingual
    • extensibility / Extensibility
  • Highcharts.dateFormat() method / Formatting the tooltip
  • Highcharts.wrap() method / Wrapping prototype functions
  • Highcharts documentation
    • URL / Installing Highcharts, Using the official documentation of Highcharts
  • Highcharts drilldown feature
    • URL / Drilling down the chart
  • HTML
    • tooltip, formatting with / Formatting the tooltip with HTML
  • HTML table
    • data, loading from / Loading data from an HTML table

I

  • innerSize property / Creating a donut chart
  • internationalization
    • charts, configuring for / Configuring our charts for internationalization
  • irregular time intervals
    • line charts, creating with / Creating line charts with irregular time intervals

J

  • JavaScript Object Notation (JSON)
    • about / Preprocessing data from a JSON file
  • jQuery.ajax() method
    • URL / Updating charts using Ajax
  • jQuery UI easing
    • used, for series animation / Using jQuery UI easing for series animation
  • js directory
    • adapters / Installing Highcharts
    • modules / Installing Highcharts
    • themes / Installing Highcharts
  • JSON file
    • data, preprocessing / Preprocessing data from a JSON file

L

  • LAMP
    • URL, for downloading / Preprocessing data from a database using PHP's PDO class
  • lang component
    • about / Modifying the back button
    • URL, for documentation / Modifying the back button
  • legend component / Creating a global theme for our charts
  • linearGradient object / Linear gradients
  • linear gradients / Linear gradients
    • with multiple color stops / Linear gradients with multiple color stops
    • applying, to pie chart / Applying radial gradient to pie chart
  • line charts
    • about / Introducing line charts
    • creating, with regular time intervals / Creating line charts with regular time intervals
    • creating, with irregular time intervals / Creating line charts with irregular time intervals
    • creating, with multiple series / Creating line charts with multiple series
    • and column charts, combining / Combining line and column charts
    • pie charts, combining with / Combining pie charts with line and column charts
  • line charts, regular time intervals
    • date/time, formatting / Formatting date/time and data labels
    • data labels, formatting / Formatting date/time and data labels
    • tooltip, formatting / Formatting the tooltip
  • lineColor property
    • about / Polishing the area chart
  • load event
    • about / Highcharts events
  • Low, plot bands / Creating spline charts with plot bands

M

  • multiple color stops
    • linear gradients, used with / Linear gradients with multiple color stops
  • multiple data series
    • including / Including multiple data series
  • multiple series
    • line charts, creating with / Creating line charts with multiple series

N

  • neckHeight property / Drawing a funnel chart
  • neckWidth property / Drawing a funnel chart
  • negatively stacked bar charts
    • about / Negatively stacked bar charts
  • normal stacking
    • about / Column charts with normal stacking

O

  • opposite$true property / Configuring our charts for internationalization

P

  • pane component
    • URL / Creating an angular gauge chart
  • Papa Parse
    • about / Preprocessing data from a CSV file
    • URL, for documentation / Preprocessing data from a CSV file
  • PDO
    • URL / Preprocessing data from a database using PHP's PDO class
  • percentage stacking
    • about / Column charts with percentage stacking
  • PHP's PDO class
    • used, for preprocessing data from database / Preprocessing data from a database using PHP's PDO class
    • data, fetching / Fetching data and plotting the chart
    • data, plotting on chart / Fetching data and plotting the chart
  • pie chart
    • radial gradient, applying to / Applying radial gradient to pie chart
  • pie charts
    • about / Introducing pie charts
    • creating / Introducing pie charts
    • slicing off / Slicing off a pie chart
    • slicing, by point selection / Enabling slicing by point selection
    • drilling / Drilling down the pie chart
    • back button, modifying / Modifying the back button
    • creating, with multiple series / Creating pie charts with multiple series
    • combining, with line charts / Combining pie charts with line and column charts
    • combining, with column charts / Combining pie charts with line and column charts
  • plot bands
    • spline charts, creating with / Creating spline charts with plot bands
  • plotOptions.column.groupZPadding property / Creating 3D column charts
  • plotOptions component
    • URL / Column charts with normal stacking
  • Point class
    • about / An overview of Highcharts APIs and class model
    • series property / An overview of Highcharts APIs and class model
    • URL, for documentation / An overview of Highcharts APIs and class model
  • pointFormat property
    • about / Formatting a tooltip with pointFormat, Introducing pie charts
    • used, for formatting scatter chart tooltip / Formatting a tooltip with pointFormat
  • points
    • adding, dynamically / Adding a point dynamically
  • polar chart
    • about / Introducing a polar chart
    • creating / Introducing a polar chart
    • creating, with different series types / Polar charts with different series types
    • other chart types, converting to / Converting other chart types to the polar chart
  • preprocessing
    • about / Preprocessing data from different file types
  • Producer Price Index (PPI) / Creating spline charts
  • prototype functions
    • wrapping / Wrapping prototype functions
  • pyramid chart
    • plotting / Plotting a pyramid chart

R

  • radial gradients
    • about / Radial gradients
  • redraw event
    • about / Highcharts events
  • regular time intervals
    • line charts, creating with / Creating line charts with regular time intervals
  • Renderer class
    • about / An overview of Highcharts APIs and class model
    • URL / An overview of Highcharts APIs and class model

S

  • Sakila database
    • URL, for downloading / Preprocessing data from a database using PHP's PDO class
  • Scalable Vector Graphics (SVG) / Deep browser support
  • scatter charts
    • about / Introducing scatter charts
    • tooltip, formatting with pointFormat property / Formatting a tooltip with pointFormat
    • creating, with multiple series / Scatter charts with multiple series
  • selection event
    • about / Highcharts events
  • semicircle donut chart
    • creating / Configuring a semicircle donut
  • series
    • excluding, from stacking / Excluding a series from stacking
    • adding, dynamically / Adding a series dynamically
    • drilldowns, adding / Adding drilldowns to series
    • drilling up / Drilling up to the parent series
    • hiding / Hiding and showing a series programmatically
    • displaying / Hiding and showing a series programmatically
  • series.hide() method
    • used, for hiding series / Hiding and showing a series programmatically
  • series.show() method
    • used, for displaying series / Hiding and showing a series programmatically
  • series animation
    • jQuery UI easing, used for / Using jQuery UI easing for series animation
  • Series class
    • about / An overview of Highcharts APIs and class model
    • addPoint() method / An overview of Highcharts APIs and class model
    • hide() method / An overview of Highcharts APIs and class model
    • show() method / An overview of Highcharts APIs and class model
    • URL / An overview of Highcharts APIs and class model
    • chart property / An overview of Highcharts APIs and class model
  • shadows
    • altering / Altering borders, shadows, and backgrounds
  • size property / Modifying the viewing frame, Creating a donut chart
  • slice property
    • about / Slicing off a pie chart
  • solid gauge
    • creating / Creating a solid gauge
  • speedometers
    • about / Creating an angular gauge chart
  • spider web chart
    • about / Introducing the spider web chart
    • creating / Introducing the spider web chart
  • spline charts
    • creating / Creating spline charts
    • creating, with plot bands / Creating spline charts with plot bands
  • stacking
    • series, excluding from / Excluding a series from stacking
  • stacking, area charts
    • with multiple series / Stacking charts with multiple series
  • standalone easing plugin
    • URL / Using jQuery UI easing for series animation
  • stops property / Creating a solid gauge
  • style attribute / Formatting the tooltip with HTML
  • subtitle property / Introducing column charts

T

  • theming
    • about / Basic theming concepts
  • this.series.color property / Formatting the tooltip with HTML
  • this.series.name property / Creating line charts with multiple series, Formatting the tooltip with HTML
  • tickInterval property / Adjusting ticks and other chart elements
    • URL / Formatting date/time and data labels
  • tickmarkPlacement property
    • about / Adjusting the placement of tick marks
    • URL, for documentation / Adjusting the placement of tick marks
  • ticks
    • adjusting / Adjusting ticks and other chart elements
  • title, chart
    • setting / Setting the chart title programmatically
  • title property / Introducing column charts
  • tooltip
    • formatting / Formatting the tooltip, Formatting the tooltip
    • formatting, with HTML / Formatting the tooltip with HTML
  • tooltips
    • gradient background, used for / Gradient background for columns and tooltips
  • type property / Creating line charts with regular time intervals

V

  • Vector Markup Language (VML) / Deep browser support
  • viewing frame
    • modifying / Modifying the viewing frame
  • VU meter
    • creating / Creating a VU meter

W

  • WAMP
    • URL, for downloading / Preprocessing data from a database using PHP's PDO class
  • waterfall chart
    • plotting / Plotting a waterfall chart
  • width property / Creating a heat map
  • wind rose chart
    • creating / Creating a wind rose chart

X

  • XAMPP
    • URL, for downloading / Preprocessing data from a database using PHP's PDO class
  • xAxis component / Creating a global theme for our charts
  • XML file
    • data, preprocessing / Preprocessing data from an XML file

Y

  • yAxis component / An angular gauge with dual axes
lock icon The rest of the chapter is locked
arrow left Previous Section
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 €14.99/month. Cancel anytime}