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

234
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?

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

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

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

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

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

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

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

270