Use hover crosshairs when it is important to be able to see a plotted item’s exact placement on each axis.
When hovering over items within the legend, the plotted items associated with that item become opaque, while all other plotted items and legend items fade back.
When hovering over a plotted item, the plotted item and its matching legend item become opaque, while all other plotted items and legend items fade back. A tooltip appears, surfacing the underlying data values of the holding.
Within container widths of 600px or less, the chart’s legend displays at the top, and the internal padding between elements tightens.
Strive for short, succinct axis labels and legend items that clearly describe the data.