экспорт highcharts отличается от представленного - PullRequest
0 голосов
/ 26 июня 2018

У меня есть следующие графики:

A: chart A

B: chart B legend

но когда я получаю экспорт, возникают некоторые проблемы, например на диаграмме A:

chart A problems ==> заголовок грязный, а заголовок yAxis абсолютно взорван! (Я отправляю chart.options на мой экспортный сервер, поэтому я экспортирую экспортированное изображение так же, как я вижу)

chart B problems ==> легенда разрушена

Тогда, если я добавлю этот код:

exporting: {
    allowHTML: true
},

все проблемы исправлены, но появляются новые проблемы, вращения вообще нет!

диаграмма A: chart A new problems ==> поскольку вы можете видеть, что заголовки yAxis и xAsis больше не вращаются, и даже если я добавлю к ним вращение, они не будут вращаться:

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

диаграмма B: chart B new problems ==> круглые скобки перепутаны, и тексты и символы перекрываются.

мой код:

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
        }
    }
},

и результат: after update 1

Символы

не привязаны к правой границе (это похоже на ошибку, с rtl: false заполнение применяется только к праву символа, но в rtl: right заполнение применяется к обеим сторонам символа)

1 Ответ

0 голосов
/ 26 июня 2018

Решение:

legend:{ symbolPadding: -20 ,rtl:true,reversed:true}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...