Гистограмма с одним набором данных, но несколькими метками - PullRequest
Новая
       15

Гистограмма с одним набором данных, но несколькими метками

0 голосов
/ 21 января 2019

Я пытаюсь создать график на основе данных из базы данных, используя Chart.js, и у меня возникают проблемы с созданием нескольких меток для данных. Одна метка - это месяц, частью которого являются данные, а вторая метка - тип посещения.

Вот что у меня есть на данный момент.

Я делаю это, добавляя другой ярлык только для этого случая: 

xAxes: [{
        position: 'top',
        offset: 1,
        ticks: {
            fontColor: 'black',
            beginAtZero: true,
            fontSize: 35,
        },
        gridLines: {
            display: false
        },
    },
        {
            labels: ["M   SP   W/I   B", "M   SP   W/I   B"],
            position: 'bottom',
            offset: 1,
            ticks: {
                fontColor: 'black',
                beginAtZero: true,
                fontSize: 35,
            },
            gridLines: {
                display: false
            },
        }
    ]

Проблема в том, что это слишком МакГайвери. Я планирую добавить еще одну метку для набора данных, кроме Месяца / Года, и разместить там типы посещений. Это решит проблему, когда на графике больше или меньше двух месяцев.

Что я действительно хотел бы сделать, так это сделать так, чтобы под каждой полосой была метка под ней (я уже пробовал с меткой на полоске рядом с номером, и она выглядит не очень хорошо). А также я хотел бы избавиться от пустых пространств, оставленных барами значений 0, которые были бы удивительными, что уже было спросил .

Вот пример того, к чему я стремлюсь.

Есть ли способ сделать это с помощью Chart.js?

...