Как установить свой шаг в Chart.js?

171
07 июня 2018, 16:30

Есть столбчатая диаграмма где разрыв между 0 и 100 точно такой же как между 100 и 500. Как это реализовать на Chart.js и вообще возможно ли это там сделать?

var myChart = new Chart(ctx, {
type: 'bar',
data: {
    labels: ["May", "June", "Jul", "Sep", "Oct", "Nov"],
    datasets: [{
        data: [50, 50, 90, 80, 50, 50],
        backgroundColor: [
            '#FFD012',
            '#FFD012',
            '#FFD012',
            '#FFD012',
            '#FFD012',
            '#FFD012'
        ]
    },{
        data: [50, 150, 410, 230, 150, 170],
        backgroundColor: [
            '#FFE57F',
            '#FFE57F',
            '#FFE57F',
            '#FFE57F',
            '#FFE57F',
            '#FFE57F'
        ]
    }]
},
options: {
    legend: {
        display:false
    },
    scales: {
        xAxes: [{
            stacked: true,
            gridLines: {
                display: false,
                drawBorder: false
            }
        }],
        yAxes: [{
            stacked: true,
            gridLines: {
                display: false,
                drawBorder: false
            }
        }]
    },
}

});

Пробовал ставить как свою категорию в ось Y но скрипт меня не понял и диаграмма перестала работать полностью.

yAxes: [{
            type: 'category',
            labels: ['500', '100', '0'],
        }]
READ ALSO
Как сравнить две даты без учета GMT?

Как сравнить две даты без учета GMT?

На сервер приходит дата

147
Не работает аниманиция Vue JS

Не работает аниманиция Vue JS

Передаю опцию data в другой экземпляр, в Sidebar из Header Сначала работала плавная анимация Sidebar, после того как я стал передавать опцию в Sidebar, анимация...

201
Почему PWA ломает работу сайта?

Почему PWA ломает работу сайта?

Начал изучение Progresive web applicationПри внедрении на сайт всё шло отлично

201