График с несколькими шкалами / осями Y - PullRequest
Новая
       11

График с несколькими шкалами / осями Y

2 голосов
/ 09 января 2020

У меня есть линейный график, на котором я хотел бы иметь две разные оси Y (обычно это достигается с помощью одного набора меток слева и одного справа). Таким образом, я могу иметь два разных типа связанных данных на одном графике, но с разными масштабами. Это возможно с RGraph?

1 Ответ

2 голосов
/ 10 января 2020 
<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>

Ричард (разработчик) помог мне. Чтобы достичь этого, вы объединяете два графика, присваивая каждому графику один и тот же идентификатор цели. Второй график будет написан поверх первого. Это означает, что если все выстроится в линию, будет (как выглядит) один граф, просто убедитесь, что все выровняется между ними (поля, метки и т. Д. c.).

Код пример, который дал мне Ричард.

...