Connected.Components/Components/Chart/Chart.razor.cs

using System.Globalization;
using Connected.Annotations;
using Connected.Extensions;
using Connected.Utilities;
using Microsoft.AspNetCore.Components;

namespace Connected.Components;

public partial class Chart : UIComponent
{
	[Parameter]
	[Category(CategoryTypes.Chart.Behavior)]
	public double[] InputData { get; set; } = Array.Empty<double>();

	[Parameter]
	[Category(CategoryTypes.Chart.Behavior)]
	public string[] InputLabels { get; set; } = Array.Empty<string>();

	[Parameter]
	[Category(CategoryTypes.Chart.Behavior)]
	public string[] XAxisLabels { get; set; } = Array.Empty<string>();

	[Parameter]
	[Category(CategoryTypes.Chart.Behavior)]
	public List<ChartSeries> ChartSeries { get; set; } = new();

	[Parameter]
	[Category(CategoryTypes.Chart.Appearance)]
	public ChartOptions ChartOptions { get; set; } = new();

	/// <summary>
	/// RenderFragment for costumization inside the chart's svg.
	/// </summary>
	[Parameter]
	[Category(CategoryTypes.Chart.Appearance)]
	public RenderFragment CustomGraphics { get; set; }

	protected string Classname =>
	new CssBuilder("mud-chart")
		.AddClass($"mud-chart-legend-{ConvertLegendPosition(LegendPosition).ToDescriptionString()}")
	  .AddClass(Class)
	.Build();

	[CascadingParameter(Name = "RightToLeft")] public bool RightToLeft { get; set; }

	/// <summary>
	/// The Type of the chart.
	/// </summary>
	[Parameter]
	[Category(CategoryTypes.Chart.Behavior)]
	public ChartType ChartType { get; set; }

	/// <summary>
	/// The Width of the chart, end with % or px.
	/// </summary>
	[Parameter]
	[Category(CategoryTypes.Chart.Appearance)]
	public string Width { get; set; } = "80%";

	/// <summary>
	/// The Height of the chart, end with % or px.
	/// </summary>
	[Parameter]
	[Category(CategoryTypes.Chart.Appearance)]
	public string Height { get; set; } = "80%";

	/// <summary>
	/// The placement direction of the legend if used.
	/// </summary>
	[Parameter]
	[Category(CategoryTypes.Chart.Appearance)]
	public Position LegendPosition { get; set; } = Position.Bottom;

	private Position ConvertLegendPosition(Position position)
	{
		return position switch
		{
			Position.Start => RightToLeft ? Position.Right : Position.Left,
			Position.End => RightToLeft ? Position.Left : Position.Right,
			_ => position
		};
	}

	private int _selectedIndex;

	/// <summary>
	/// Selected index of a portion of the chart.
	/// </summary>
	[Parameter]
	[Category(CategoryTypes.Chart.Behavior)]
	public int SelectedIndex
	{
		get => _selectedIndex;
		set
		{
			if (value != _selectedIndex)
			{
				_selectedIndex = value;
				SelectedIndexChanged.InvokeAsync(value);
			}
		}
	}

	/// <summary>
	/// Selected index of a portion of the chart.
	/// </summary>
	[Parameter] public EventCallback<int> SelectedIndexChanged { get; set; }

	/// <summary>
	/// Scales the input data to the range between 0 and 1
	/// </summary>
	protected double[] GetNormalizedData()
	{
		if (InputData == null)
			return Array.Empty<double>();
		var total = InputData.Sum();
		return InputData.Select(x => Math.Abs(x) / total).ToArray();
	}

	protected string ToS(double d, string format = null)
	{
		if (string.IsNullOrEmpty(format))
			return d.ToString(CultureInfo.InvariantCulture);

		return d.ToString(format);
	}

}

public enum ChartType
{
	Donut,
	Line,
	Pie,
	Bar
}