c# - 实时图表未在 Azure 上呈现

Question

我已经按照下面提到的链接在我的应用程序中生成了实时图的图像，它在我的本地机器上运行良好，但是当我将它部署在 azure 上时它什么也没做。我得到一个不包含图形的空图像，我在日志中检查了没有错误或异常被抛出。它似乎不适用于 Azure。

https://github.com/beto-rodriguez/Live-Charts/blob/develop/Examples/Wpf/CartesianChart/Chart%20to%20Image/ChartToImageSample.xaml.cs

我现在可以通过注释以下代码行在我的本地环境中重现该问题：

myChart.Update(true, true); //强制图表重绘
viewbox.UpdateLayout();

似乎无法在 Azure 上更新控件。我还尝试通过“调度程序”更新控件，但在 Azure 上仍然遇到同样的问题。

有人可以帮我吗？

Answer 1

我在我这边创建了一个测试样本，我发现用于为LiveChart生成图像的代码可以在 Azure 上的 Bot 应用程序中运行。

在 LiveCharts 和 LiveCharts.Wpf NuGet 之后安装

<package id="LiveCharts" version="0.9.7" targetFramework="net46" />
<package id="LiveCharts.Wpf" version="0.9.7" targetFramework="net46" />

创建一个 Bot Application 项目并将为 LiveChart 生成图像的代码放入 Bot Application 中（如果可能，您可以重新创建一个新的 Bot Application 并测试以下代码以检查它是否适合您）

string sfp = "";

private async Task MessageReceivedAsync(IDialogContext context, IAwaitable<object> result)
{
    var activity = await result as Activity;

    // calculate something for us to return
    int length = (activity.Text ?? string.Empty).Length;
    sfp = System.Web.HttpContext.Current.Server.MapPath($"~/IMG/chart.png");

    Thread STAThread = new Thread(() =>
    {
        var myChart = new LiveCharts.Wpf.CartesianChart
        {
            DisableAnimations = true,
            Width = 600,
            Height = 200,
            Series = new SeriesCollection
            {
                new LineSeries
                {
                    Values = new ChartValues<double> {1, 6, 7, 2, 9, 3, 6, 5}
                }
            }
        };

        var viewbox = new System.Windows.Controls.Viewbox();
        viewbox.Child = myChart;
        viewbox.Measure(myChart.RenderSize);
        viewbox.Arrange(new System.Windows.Rect(new Point(0, 0), myChart.RenderSize));
        myChart.Update(true, true); //force chart redraw
        viewbox.UpdateLayout();

        SaveToPng(myChart, "chart.png");
    });

    STAThread.SetApartmentState(ApartmentState.STA);

    STAThread.Start();

    STAThread.Join();

    await context.PostAsync($"You sent {activity.Text} which was {length} characters1");

    context.Wait(MessageReceivedAsync);
}

注意：在我的测试中，我IMG通过 Kudu 控制台手动创建文件夹，而不是在代码中创建它。

在Web Chat中测试并发送消息给Bot，然后检查站点文件夹，可以发现图像chart.png是通过Kudu控制台生成的

图表.png

此外，我使用以下测试代码将图像作为附件发送给客户端，chart.png 可以在客户端很好地呈现。

var replymes = context.MakeMessage();

replymes.Attachments.Add(new Attachment()
{
    Name = "chart.png",
    ContentType = "image/png",
    ContentUrl = "https://xxxx.azurewebsites.net/IMG/chart.png"
});

await context.PostAsync(replymes);