svg - 具有多个比例/Y 轴的图形

Question

我有一个折线图，我希望有两个不同的 Y 轴(这通常是通过在左侧设置一组标签，在右侧设置一组标签来实现的)。所以我可以在同一张图上有两种不同类型的相关数据，但具有不同的比例。这可以用 RGraph 实现吗？

Answer 1

<canvas id="cvs" width="750" height="250" style="border: 1px solid #ccc">[No canvas support]</canvas>

<script>
    data  = [4,8,6,8,6,3,5];
    data2 = [15,18,14,24,35,22,31];

    new RGraph.Line({
        id: 'cvs',
        data: data,
        options: {
            spline: true,
            marginInner: 10,
            xaxis: false,
            yaxis: false,
            colors:['blue']
        }
    }).draw();

    new RGraph.Line({
        id: 'cvs',
        data: data2,
        options: {
            spline: true,
            marginInner: 10,
            xaxis: false,
            yaxis: false,
            backgroundGrid: false,
            yaxisPosition: 'right'
        }
    }).draw();
</script>

理查德(开发人员)帮助了我。为此，您可以组合两个图，为每个图提供相同的 ID 目标。第二个图表将覆盖第一个图表。这意味着，如果一切都对齐，就会有(看起来像)一个单一的图形，只需确保两者之间的所有内容(边距、标签等)对齐即可。

代码是理查德给我的例子。