高图表出口与提出的出口图表不同

Question

我绘制了以下图表：

A：

B：

但是当我导出时，会有一些问题，例如图表A：

==>标题混乱，yAxis标题绝对爆炸！ （我将chart.options发送到导出服务器，因此我将导出的图像与看到的图像相同）

==>传说毁了

然后，如果我添加此代码：

exporting: {
    allowHTML: true
},

所有问题都已解决，但是出现了新问题，根本没有轮换！

图表A： ==>如您所见，yAxis标题和xAsis标签都不再旋转了，即使我对其添加旋转，它们也不会旋转：

exporting: {
    allowHTML: true,
    chartOptions: {
        yAxis:{
            title:{
                rotation: 90
            }
        }
    }
},

图B： ==>括号混乱，文本和符号之间重叠。

我的代码：

yAxis: {
    title: {
        margin: 20,
        useHTML: true,
        style: {
            color: '#6B6D6E',
            fontSize: '14px'
        }
    },
    labels: {
        useHTML: true,
        style: {
            color: '#888888'
        }
    },
    gridLinesWidth: 1,
    plotLines: [{
        value: 0,
        width: 1,
        dashStyle: "Dash",
        color: "#acacac",
        zIndex: 4
    }]
},

我的图例代码：

legend:{
        useHTML: true,
        borderWidth: 1,
        layout: "horizontal",
        align: "center",
        verticalAlign: "bottom",
        alignColumns: true,
        rtl: true,
        itemWidth: null,
        width: null,
        x: 20
    }

有什么办法可以解决这些问题？

---

更新1：

exporting: {
    chartOptions: {
        legend:{
            symbolPadding: 20,
            rtl: true,
            reversed: true
        }
    }
},

结果为：

符号不会卡在右边界（ rtl：false 似乎是个错误，填充仅仅应用于符号的右边，而在 rtl：right 中填充应用于符号的两侧）

Answer 1

解决方案：

legend:{ symbolPadding: -20 ,rtl:true,reversed:true}