Improve chart readability with angled labels and support additional customization options

[thepatrickchin]

Description

This PR introduces several enhancements to the Chart component, providing clearer visualizations and improving developer experience with additional customization options.

• Added customizable ChartHeight prop (defaults to 300 as before; used in Pie and Radar Chart examples below)
• Added customizable series label with SeriesLabel prop and SeriesLabelMap prop (applicable to ComposedChart). This allows for setting human readable axis label instead of using the raw data keys
• Added LegendProps to allow for legend customizations for layout, positioning, etc.
• Displaying x-axis labels at an angle and truncating long labels with ellipsis. This fixes the issue where some labels are not displayed due to lack of space, for example:

Example Chart Outputs

The screenshots below show the improved chart outputs:

By Submitting this PR I confirm:

• I am familiar with the Contributing Guidelines.
• We require that all contributors "sign-off" on their commits. This certifies that the contribution is your original work, or you have rights to submit it under the same license, or a compatible license.
  • Any contribution which contains commits that are not Signed-Off will not be accepted.
• When the PR is ready for review, new or existing tests cover these changes.
• When the PR is ready for review, the documentation is up to date with these changes.