mirror of
https://github.com/chartjs/Chart.js.git
synced 2024-10-06 12:19:08 +02:00
15d1056b53
When `barThickness: undefined|null` (default), we compute an optimal sample size based on the smallest tick interval reduced to prevent any bar to overlap (bar equally sized). Also added support for a special `barThickness: 'flex'` value (previous default) that globally arranges bars side by side to prevent any gap when percentage options are 1 (variable bar sizes).
48 lines
1.2 KiB
JSON
48 lines
1.2 KiB
JSON
{
|
|
"config": {
|
|
"type": "bar",
|
|
"data": {
|
|
"labels": ["2016", "2018", "2020", "2024", "2030"],
|
|
"datasets": [{
|
|
"backgroundColor": "#FF6384",
|
|
"data": [1, null, 3, 4, 5]
|
|
}, {
|
|
"backgroundColor": "#36A2EB",
|
|
"data": [5, 4, 3, null, 1]
|
|
}, {
|
|
"backgroundColor": "#FFCE56",
|
|
"data": [3, 5, 2, null, 4]
|
|
}]
|
|
},
|
|
"options": {
|
|
"responsive": false,
|
|
"legend": false,
|
|
"title": false,
|
|
"scales": {
|
|
"xAxes": [{
|
|
"type": "time",
|
|
"offset": true,
|
|
"display": false,
|
|
"barPercentage": 1,
|
|
"categoryPercentage": 1,
|
|
"ticks": {
|
|
"source": "labels"
|
|
}
|
|
}],
|
|
"yAxes": [{
|
|
"display": false,
|
|
"ticks": {
|
|
"beginAtZero": true
|
|
}
|
|
}]
|
|
}
|
|
}
|
|
},
|
|
"options": {
|
|
"canvas": {
|
|
"height": 256,
|
|
"width": 512
|
|
}
|
|
}
|
|
}
|