Highcharts导出服务器官方示例失效，寻求含自定义JS的可行方案

问题原因 #

• 官方公共导出服务器https://export.highcharts.com出于安全与资源限制，不支持外层带export对象的请求格式，同时完全禁止执行customLogic中的自定义JS逻辑，带此类参数的请求会直接被拦截返回400。
• 你参考的GitHub仓库示例，是针对自部署的Highcharts Node导出服务器编写的，公共服务器做了功能阉割，因此无法复用该格式。

有效解决方案 #

如果需要使用自定义JS逻辑，有两个可行方向：

1. 自行部署Highcharts Node导出服务器（完全支持自定义逻辑）
2. 本地生成图表配置时提前完成自定义修改，再发送给公共服务器导出（无需依赖服务器端JS执行）

方案1：自部署服务器的C#调用示例 #

先按照官方文档完成自部署服务器的搭建，再使用以下代码调用（支持自定义JS逻辑）：

using System;
using System.Net.Http;
using System.Text;
using System.Threading.Tasks;
using Newtonsoft.Json;

class Program
{
    static async Task Main(string[] args)
    {
        var exportRequest = new
        {
            export = new
            {
                type = "png",
                options = new
                {
                    chart = new { type = "line" },
                    title = new { text = "初始标题" },
                    series = new[]
                    {
                        new { data = new[] { 1, 2, 3, 4 } }
                    }
                },
                customLogic = @"
                    function(chart) {
                        // 自定义逻辑：修改标题和系列数据
                        chart.setTitle({ text: '自定义修改后的标题' });
                        chart.series[0].setData([5, 6, 7, 8]);
                    }
                "
            }
        };

        using var client = new HttpClient();
        var content = new StringContent(
            JsonConvert.SerializeObject(exportRequest),
            Encoding.UTF8,
            "application/json"
        );

        // 替换为你的自部署服务器地址和端口
        var response = await client.PostAsync("http://localhost:7801", content);
        response.EnsureSuccessStatusCode();

        var imageBytes = await response.Content.ReadAsByteArrayAsync();
        System.IO.File.WriteAllBytes("custom-chart.png", imageBytes);
        Console.WriteLine("自定义图表导出完成");
    }
}

方案2：本地修改配置后调用公共服务器示例 #

若不想自部署服务器，可直接在本地构造好修改后的图表配置，再发送给公共服务器：

using System;
using System.Net.Http;
using System.Text;
using System.Threading.Tasks;
using Newtonsoft.Json;

class Program
{
    static async Task Main(string[] args)
    {
        // 本地完成自定义修改：直接调整标题和数据
        var chartOptions = new
        {
            chart = new { type = "line" },
            title = new { text = "本地修改后的标题" },
            series = new[]
            {
                new { data = new[] { 5, 6, 7, 8 } }
            }
        };

        using var client = new HttpClient();
        var content = new StringContent(
            JsonConvert.SerializeObject(chartOptions),
            Encoding.UTF8,
            "application/json"
        );

        var response = await client.PostAsync("https://export.highcharts.com", content);
        response.EnsureSuccessStatusCode();

        var imageBytes = await response.Content.ReadAsByteArrayAsync();
        System.IO.File.WriteAllBytes("local-modified-chart.png", imageBytes);
        Console.WriteLine("图表导出完成");
    }
}

关键注意事项 #

• 公共导出服务器仅接受纯图表配置JSON，任何带export外层对象或customLogic的请求都会返回400。
• 自部署服务器可完全兼容GitHub仓库中的示例格式，支持所有自定义功能，但需要自行负责服务器的维护与资源管理。

内容的提问来源于stack exchange，提问作者Gábor Balázs