We can adjust the interval between the ticks that appear on the y axis by using the tickInterval
property:
yAxis
component from the previous example to set a difference of 1 between each tick:yAxis: { title: { text: 'Revenue (in U.S. billion dollars)' }, tickInterval: 1 }
useHTML
property. Let's point to the actual data source in our subtitle:subtitle: { text: 'Source: <a href="http://www.npd.com" title="NPD Group">NPD Group</a>; AFJV', useHTML: true }
style
property:style: { color: '#000000', textDecoration: 'underline' }
The resulting chart from the previous modification will be like the following screenshot: