具有镜像X轴的散点图

时间:2019-05-28 01:22:52

标签: rgraph

我正在使用5.00版的RGraph,试图绘制如下所示的散点图,

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

到目前为止,这是我的最大努力,

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

如何将Y轴从左侧移动到图的中心?

我尝试将'xaxisScaleMin'选项设置为'mirror',但这不起作用。这是我的代码,

            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来看,无法像在X轴上那样将Y轴放置在原点。当Y轴位于图形范围内时,将其放置在原点上似乎是一种适当的默认行为,或者至少应该是一个简单的选择。我将尝试更改源。

1 个答案:

答案 0 :(得分:0)

其中一个示例就是这样:

https://www.rgraph.net/demos/scatter-negative-x-axis.html

技巧是添加一个较大的左边界,然后使用图形API X轴添加额外的轴(左侧X轴)。

(顺便说一下-图表上显示的线只是三角曲线-sin / cos / tan)