Chapter 7. Theming with Highcharts

Besides the charting capabilities offered by Highcharts, theming is yet another strong feature of Highcharts. With its extensive theming API, charts can be customized completely to match the branding of a website or an app. Almost all of the chart elements are customizable through this API. While we have taken a look at some of the theming options in the earlier chapters, such as margins, offsets, and font variations, in this chapter we will explore the theming API in more details. We will do the following things:

• Familiarize ourselves with basic theming concepts
• Customize different Highcharts elements
• Use different fill types and fonts
• Create a global theme for our charts
• Use jQuery easing for animations
• Configure our charts for RTL

We can breakdown theming into two parts:

• Layout: This includes margins, paddings, and offsets
• Style: This includes all the fancy stuff such as colors, shadows, gradients, strokes, fonts, animations, and so on

We will look...