Universal Chart

Go back

<UniversalChart ChartOptions="options" Height="400px" />

@code {
    private Dictionary<string, object> options = new()
    {
        ["tooltip"] = ChartTheme.Tooltip(true),
        ["legend"]  = ChartTheme.Legend(true),
        ["grid"]    = ChartTheme.Grid(true),
        ["xAxis"]   = ChartTheme.CategoryAxis(new() { "Jan", "Feb", "Mar" }),
        ["yAxis"]   = new List<object> { ChartTheme.ValueAxis(), ChartTheme.ValueAxis() },
        ["series"]  = new List<object>
        {
            new Dictionary<string, object>
            {
                ["name"] = "Surgeries",
                ["type"] = "bar",
                ["data"] = new[] { 85, 102, 78 }
            },
            new Dictionary<string, object>
            {
                ["name"] = "Success Rate",
                ["type"] = "line",
                ["yAxisIndex"] = 1,
                ["data"] = new[] { 96.2, 97.1, 95.8 }
            }
        }
    };
}

<UniversalChart ChartOptions="gaugeOptions" Height="350px" />

@code {
    private Dictionary<string, object> gaugeOptions = new()
    {
        ["series"] = new List<object>
        {
            new Dictionary<string, object>
            {
                ["type"] = "gauge",
                ["data"] = new List<object>
                {
                    new Dictionary<string, object>
                    {
                        ["value"] = 72,
                        ["name"]  = "Bed Occupancy"
                    }
                }
            }
        }
    };
}