Summary
In this chapter, we took a detailed look at theming Highcharts using its API and CSS. We formatted the tooltip using HTML to include an image and used CSS to give it a brand new look. Then we modified its borders, backgrounds, and shadows using the API. Then, you learned about gradients and how we can use them as background for chart and other components. You then learned about incorporating Google fonts and jQuery UI easing into our chart for enhanced styling. Then, a custom theme was created that could be used for multiple charts across the website or web app. Finally, we configured our chart to show RTL text.
In the next chapter, we will look at Highcharts API and its events in greater detail. This will allow us to programmatically accomplish various tasks.