Как добавить вторую ось Y для линейчатого и линейного графика в Chart.js?

Я пытаюсь добавить двойную ось Y в Chart.js для двух сравнений наборов данных. В настоящее время я использую расширение LineBar от Leigh Quince, ответ на который был найден здесь:Chart.js, как получить Combined Bar и линейные графики?

Существует также решение, написанное около года назад для двойной оси Y, но только для линейных графиков, и его выход из синхронизации с мастером Ника. Кажется, есть либо линейные и гистограммы, либо Double-Y, но не оба.

Моя проблема здесь заключается в том, что мне нужно представить TSAT% (уровни насыщения), левая ось Y, линейная диаграмма, количеству уровней дозировки ферритина, правая столбчатая диаграмма оси Y. Вот как мне нужно, чтобы это выглядело так:

(Кажется, Stackoverflow изменил его цвет на меня, надеюсь, вы все еще можете прочитать шкалы оси Y)

Если кто-то может найти решение, я был бы очень признателен.

Текущий код:

            var data = {
                labels: ["Jun 2013", "Jul 2013","Aug 2013","Sep 2013","Oct 2013","Nov 2013","Dec 2013", "Jan 2014", "Feb 2014", "Mar 2014", "Apr 2014", "May 2014"],
                datasets: [

                    {
                        label: "TSAT",
                        type: "line",
                        fillColor: "transparent",
                        strokeColor: "#a33a59",
                        pointColor: "#a33a59",
                        pointHighlightStroke: "#FFF",
                        data:[33,32.9,32.9,33.2,33.2,33.2,32.7,32.9,32.9,32.7,32.7,32.7]
                    },                  
                    {
                        label: "Ferritin",
                        type: "bar",
                        fillColor: "#ed7141",
                        strokeColor: "#ed7141",
                        data: [939,929,949,991,992,993,976,976,973,986,972,939]
                    }
                ]
            };

            var options = {
                responsive: true,
                scaleOverride: true,
                scaleSteps: 10,
                scaleStepWidth: 5,
                scaleStartValue: 0,
                showTooltips: false,
                pointDot: true,
                pointDotRadius : 10,
                datasetStrokeWidth : 3,
                bezierCurve : false,
                scaleShowLines: false,
                scaleGridLineWidth : 2,
                scaleGridLineColor : "#EEEEEE",
                scaleLineWidth: 3,
                scaleLineColor: "#000000",
                scaleFontFamily: 'Gotham Book,sans-serif',
                scaleFontSize: 18,
            }

            ctx = $("#myChart").get(0).getContext("2d");
            TSATChart = new Chart(ctx).LineBar(data, options);      

Кстати ... Я изменил LineBar Quince, чтобы сначала визуализировать Bar, а затем линии. Код изначально был обратным. Поэтому я, возможно, не смогу что-то добавить в jsfiddle, я отредактирую и добавлю ссылку, если мне удастся добавить туда пример.

Спасибо!

Ответы на вопрос(0)

Ваш ответ на вопрос