在Blazor服务器应用程序中使用Graph API是一种实现数据可视化的有趣方法。以下是使用Graph API从Microsoft Graph中检索用户数据的步骤。

1. UTC日期时间转换为本地时间：

private static DateTime ConvertUtcToLocal(DateTime utcTime)
{
    var timeZone = TimeZoneInfo.Local; //获取本地时区信息
    return TimeZoneInfo.ConvertTimeFromUtc(utcTime, timeZone);
}

2. 使用Microsoft Graph API访问用户数据：

string[] scopes = new[] { "user.read" };
const string graphApiEndpoint = "https://graph.microsoft.com/v1.0/me";
var builder = WebAssemblyAuthenticationCoreBuilder.CreateBuilder()
    .WithAuthority(authority)
    .WithScopes(scopes)
    .AddLogging(logging => logging.AddBrowserConsole());

var provider = builder.Build();
var graphApiUri = new Uri(graphApiEndpoint);

var request = new HttpRequestMessage(HttpMethod.Get, graphApiUri);
await provider.AuthenticateRequestAsync(request);

var client = _clientFactory.CreateClient();
var response = await client.SendAsync(request);

if (!response.IsSuccessStatusCode)
{
    throw new Exception($"Could not retrieve user profile ({response.StatusCode}): {await response.Content.ReadAsStringAsync()}");
}

var json = await response.Content.ReadAsStringAsync();
var jobject = JsonSerializer.Deserialize(json, new JsonSerializerOptions
{
    PropertyNamingPolicy = JsonNamingPolicy.CamelCase
});

var userDisplayName = jobject.GetProperty("displayName").GetString();

在上面的代码示例中，我们首先定义了一个scopes数组以获取用户读取的访问权限，然后添加日志记录以便调试。我们使用WebAssemblyAuthenticationCoreBuilder创建了身份验证提供程序，并将它用于Graph API的请求。

最后，我们检测响应是否成功，并从返回的JSON响应中检索用户的displayName属性。