Установка значения по умолчанию 0 в vuechart.js HorizontalBar - PullRequest
0 голосов
/ 25 апреля 2019

Я делаю vuechart.js Horizontal Barchart, и я хочу, чтобы минимальное значение / значение по умолчанию было установлено равным 0. Однако я новичок.Поэтому я не знаю, правильно ли я кодирую «опции».Я попробовал несколько вещей, но, кажется, ничто не влияет на оси.

Моя последняя попытка:

export default ({
extends: HorizontalBar,
props: ['agentTickets', 'options'],
mounted() {
    this.renderChart({
        labels: ['Ferry', 'Carlo', 'Menno', 'Scott'],   
        datasets: [{
            label: 'Yeet', backgroundColor: 'black', data: [10, 20, 30, 40]
        }]     
    }, 
    {
        responsive: true, maintainAspectRatio: false
    },
    {
        scales: {
        xAxes: [{
            ticks: {
                beginAtZero: true,
            },
            stacked: true
        }],
        yAxes: [{
            ticks: {
                beginAtZero: true,
            },
            stacked: true
        }]
        },
    })
}    
})

Еще одна из моих попыток:

export default {
extends: HorizontalBar,
props: ['agentTickets', 'options'],
mounted() {
    this.renderChart({
        labels: ['Ferry', 'Carlo', 'Menno', 'Scott'],   
        scales: {
                xAxes: [{
                    ticks: {
                        beginAtZero: true,
                    },
                    stacked: true
                }],
                yAxes: [{
                    ticks: {
                        beginAtZero: true,
                    },
                    stacked: true
                }]
        },
        datasets: [
            {label: 'Yeet', backColor: 'black', data: [10, 20, 30, 40]}
        ]     
    }, {responsive: true, maintainAspectRatio: false})

}    
}

И однабольше только потому, что!

export default {
extends: HorizontalBar,
props: ['agentTickets', 'options'],
mounted() {
    this.renderChart({
        labels: ['Ferry', 'Carlo', 'Menno', 'Scott'],   
        options: {
            scale: {
                xAxes: [{
                    ticks: {
                        min: 0,
                    },
                    stacked: true
                }],
                yAxes: [{
                    ticks: {
                        min: 0,
                    },
                    stacked: true
                }]
            }
        },
        datasets: [
            {label: 'Yeet', backdropColor: 'black', data: [10, 20, 30, 40]}
        ]     
    }, {responsive: true, maintainAspectRatio: false})

}    
}

(я тоже пробовал последний пример с beginAtZero)

enter image description here

Выше приведен текущийрезультаты, что я хочу, это график, который начинается с 0, а не 10.

1 Ответ

0 голосов
/ 25 апреля 2019

Fixed.По-видимому, параметры уже были созданы (где были определены responseive и keepAspectRatio).Просто скопировал весы между этими фигурными наручниками, и это работает!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...