Точечная диаграмма с зеркальной осью X

Я использую RGraph версии 5.00, пытаясь сделать точечную диаграмму, которая выглядит так:

https://i.stack.imgur.com/lsPB8.png

Это моя лучшая попытка, до сих пор,

https://i.stack.imgur.com/LKIYH.png

Как я могу переместить ось Y с левой стороны в центр графика?

Я попытался установить для параметра «xaxisScaleMin» значение «зеркало», но это не сработало. Вот мой код,

            new RGraph.SVG.Scatter({
            id: 'chart-container',
            data: [],
            options: {
                backgroundGridHlinesCount: 10,
                backgroundGridVlinesCount: 10,
                colors: ['cyan', 'magenta', '#cc0', 'black', 'red', 'green', 'blue', 'brown'],
                linewidth: 3,
                gutterLeft: 50,
                gutterBottom: 50,
                xaxisLinewidth: 1.5,
                xaxisScale: true,
                xaxisScaleMax: 125,
                xaxisScaleMin: -125,
                yaxisLabelsCount: 10,
                yaxisLinewidth: 1.5,
                yaxisScale: true,
                yaxisScaleMax: 125,
                yaxisScaleMin: -125,
                title: 'solid ink colors'
            }
        }).draw();

2019-05-29: Глядя на источник, RGraph.svg.common.core.js, невозможно разместить ось Y в начале координат, как в случае с осью X. Размещение оси Y в начале координат, когда она находится в диапазоне графика, кажется правильным поведением по умолчанию или, по крайней мере, должно быть простым вариантом. Попробую сменить источник.


person Doppelganger    schedule 28.05.2019    source источник


Ответы (1)


Один из примеров в загрузке делает именно это:

demos/scatter-negative-x-axis.html

Хитрость заключается в том, чтобы добавить большое левое поле, а затем использовать ось X API рисования, чтобы добавить дополнительную ось (левая ось X).

(между прочим - линии, которые показаны на графике, являются просто кривыми тригонометрии - sin/cos/tan)

Скачать RGraph можно здесь:

https://www.rgraph.net/download.html#stable

person Richard    schedule 28.05.2019