Question

我正在使用ASP.NET MVC网站使用Highcharts进行图表，当我使用导出图像作为PNG，JPEG，...导出看起来像这样

用这个标签剪切图像，应该在网站上显示的时候

我尝试使用不同的属性设置.SetExporting，但没有成功这是我的代码

var chart = new Highcharts("chart")
            .InitChart(new Chart { PlotShadow = false })
            .SetTitle(new Title { Text = String.Empty })
            .SetCredits(new Credits { Enabled = false })
            .SetTooltip(new Tooltip { Formatter = "function() { return '<b>'+ this.point.name +'</b>: '+ this.y; }" })
            //.SetExporting(new Exporting() { Width = 2000, Enabled = true, Filename = "Teste" })
            .SetPlotOptions(new PlotOptions
            {
                Pie = new PlotOptionsPie
                {
                    AllowPointSelect = true,
                    Cursor = Cursors.Pointer,
                    DataLabels = new PlotOptionsPieDataLabels
                    {
                        Color = ColorTranslator.FromHtml("#000000"),
                        ConnectorColor = ColorTranslator.FromHtml("#000000"),
                        Formatter = "function() { return '<b>'+ this.point.name +'</b>: '+ this.percentage.toFixed(2) +' %'; }"
                    }
                }
            })
            .SetSeries(new Series
            {
                Type = ChartTypes.Pie,
                Name = String.Empty,
                Data = new Data((from o in data
                                 select new DotNet.Highcharts.Options.Point
                                 {
                                     Name = o.Key.Name,
                                     Y = o.count
                                 }).ToArray())
            });

Answer 1

这是phantomJS的一般问题，应该在2.0版本中修复。我们需要等到官方发布，然后我们更新我们的服务器。相关主题可用here

Answer 2

我没有使用过highcharts api，但我以这种方式为“导出”模块将scale选项设置为“1”：

$('#container').highcharts({
    ...
    exporting: {
        scale: 1,
    }
    ...
});

这解决了这个问题。

导出图像中出现Dotnet.Highcharts错误

2 个答案: