Я пытаюсь удалить полосу со значением 0 на сгруппированных полосах линейчатой диаграммы, но, хотя я вижу это решение во многих местах, оно не работает для меня.
Я создал этот кодовый ключ. Он содержит сгруппированную гистограмму ChartJS:
Vue.component('bar-chart', {
extends: VueChartJs.Bar,
mounted () {
this.renderChart({
labels: [1500,1600,1700,1750,1800,1850,1900],
datasets: [{
data: [168,17,0,190,0,276,108],
label: "Europe",
backgroundColor: "#3cba9f",
fill: false
}, {
data: [0,202,0,161,0,38,0],
label: "Asian",
backgroundColor: "#n8c9b2",
fill: false
},{
data: [0,202,0,161,224,38,0],
label: "Latin America",
backgroundColor: "#e8c3b9",
fill: false
}, {
data: [260,43,80,82,0,26,82],
label: "North America",
backgroundColor: "#c45850",
fill: false
}]
},
{
responsive: true,
maintainAspectRatio: false,
scales: {
xAxes: [{
categoryPercentage: 0.8,
barPercentage: 0.9
}],
yAxes: [{
scaleLabel: {
display: true
},
ticks: {
beginAtZero: true // minimum value will be 0.
}
}]
}
})
}
})
var vm = new Vue({
el: '.app'
})
Есть идеи, как добиться желаемого поведения?
Я так не думаю. поскольку метки имеют 7 значений, поэтому каждый набор данных также должен иметь 7 значений, соответствующих индексу меток. При использовании фильтра диаграмма будет неправильной.
да ... я думаю, что единственное решение, которое я знаю, - это если вы можете изменить значение в option, что-то, что показывает значение только в том случае, если значение не 0, что-то вроде: function(value, index) { if (value !== 0) return value + '%';
да. Это то, что я ищу, но понятия не имею, как это сделать!
У меня тоже есть эта проблема, дайте мне знать, как вы ее решили.
У меня точно такая же проблема, Вам удалось ее решить?
опция skipNull добавлена в Chartjs версии 3, которая удаляет пробелы
Можно ли отфильтровать нули перед передачей данных в диаграмму?