Невозможно отключить заголовок легенды / включить заголовок легенды, как требуется при экспорте Highcharts

Question

Я использую "highcharts": "^ 6.1.2", я изменил название легенды, как это

legend: {
    layout: 'horizontal',
    backgroundColor: '#FFFFFF',
    align: 'left',                      
    verticalAlign: 'top',
    margin:35,
    x: 90,
    y:-25,
    itemDistance: 50,
    symbolHeight : 17,
    symbolWidth : 17,
    itemStyle : {
        "fontFamily": "'Raleway', sans-serif !important",
        "fontSize"  : "14px !important",
    },
    title : {
        text : "Filter by :",
        style : {
            "fontFamily": "'Raleway', sans-serif !important",
            "fontSize" : "1rem !important",
            "color" : "#5d737e !important", 
            "fontWeight": "500 !important",
        }
    }
},

, также загружается как

chart: {
    type: 'area',
    events: {
        load: function(e) { 
            var title = this.legend.title;
            title.translate(-83, 27);
        },
        redraw: function(e) { 
            var title = this.legend.title;
            title.translate(-83, 27);
        },
    }
},

Мне нужно скачатьи поделитесь этим графиком, для этого я добавил пользовательскую кнопку и использовал модуль экспорта.

exporting: {
    chartOptions: {
    chart:{
        events: {
            load: function(e) { 
                var title = this.legend.title;
                title.translate(-83, 27);
            },
            redraw: function(e) { 
                var title = this.legend.title;
                title.translate(-83, 27);
            },
        }
    },
    legend: {
        layout: 'horizontal',
        backgroundColor: '#FFFFFF',
        align: 'left',                      
        verticalAlign: 'top',
        margin:35,
        x: 90,
        y:-25,
        itemDistance: 50,
        symbolHeight : 17,
        symbolWidth : 17,
        itemStyle : {
            "fontFamily": "'Raleway', sans-serif !important",
            "fontSize"  : "14px !important",
        },
        title : {
            text : "Filter by :",
            style : {
                "fontFamily": "'Raleway', sans-serif !important",
                "fontSize" : "1rem !important",
                "color" : "#5d737e !important", 
                "fontWeight": "500 !important",
            }
        }
      }
    }
}

Но заголовок легенды не отображается правильно при экспорте.он не применяется при клике на заказ.Но работает, если я использую опцию загрузки по умолчанию

Вот ссылка js fiddle

См. Положение заголовка легенды

Answer 1

Вы не можете использовать JSON.stringify для функций. Вам необходимо опубликовать график как svg:

$("#download").click(function() {
    var obj = {};
    ...

    obj.svg = chart.getSVG(chart.options);
    ...

});

Демонстрационная версия: https://jsfiddle.net/BlackLabel/u739oknb/

Справочник по API: https://api.highcharts.com/class-reference/Highcharts.Chart#getSVG