У меня есть следующие графики:
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 заполнение применяется к обеим сторонам символа)