By default, Sencha Charts uses a theme to draw series, axis, labels, and legends. This is the reason we did not have to provide any color or style related configuration to the charts that we created in the earlier topics.
This default theme may not be suitable for your application because the colors do not gel well with your application theme. There are three ways in which we can theme our chart:
Using various style-related configurations: Sencha Charts provides various configurations at different levels to style different sections of a chart. For example, the chart component has configurations such as
background
,cls
,gradients
, andstyle
. Similarly, axis hasbackground
,grid
,style
, andrenderer
. Series hasbackground
,animation
,colors
,markerSubStyle
,style
,subStyle
,useDarkerStrokeColor
andrenderer
. Likewise, label hasdisplay
,color
,font
,orientation
, andrenderer
configurations to style it.Creating a custom theme and applying it to the chart: In this approach...