İlk temizlik tamamlandı bir önceki projeden
@@ -0,0 +1,56 @@
|
||||
module.exports = {
|
||||
config: {
|
||||
type: 'bar',
|
||||
data: {
|
||||
labels: [0, 1, 2, 3, 4, 5],
|
||||
datasets: [
|
||||
{
|
||||
// option in dataset
|
||||
data: [0, 5, 10, null, -10, -5],
|
||||
borderSkipped: false,
|
||||
borderWidth: [
|
||||
{},
|
||||
{bottom: 1, left: 1, top: 1, right: 1},
|
||||
{bottom: 1, left: 2, top: 1, right: 2},
|
||||
{bottom: 1, left: 3, top: 1, right: 3},
|
||||
{bottom: 1, left: 4, top: 1, right: 4},
|
||||
{bottom: 1, left: 5, top: 1, right: 5}
|
||||
]
|
||||
},
|
||||
{
|
||||
// option in element (fallback)
|
||||
data: [0, 5, 10, null, -10, -5],
|
||||
}
|
||||
]
|
||||
},
|
||||
options: {
|
||||
legend: false,
|
||||
title: false,
|
||||
elements: {
|
||||
rectangle: {
|
||||
backgroundColor: 'transparent',
|
||||
borderColor: '#80808080',
|
||||
borderSkipped: false,
|
||||
borderWidth: [
|
||||
{bottom: 1, left: 5, top: 1, right: 5},
|
||||
{bottom: 1, left: 4, top: 1, right: 4},
|
||||
{bottom: 1, left: 3, top: 1, right: 3},
|
||||
{bottom: 1, left: 2, top: 1, right: 2},
|
||||
{bottom: 1, left: 1, top: 1, right: 1},
|
||||
{}
|
||||
]
|
||||
}
|
||||
},
|
||||
scales: {
|
||||
xAxes: [{display: false}],
|
||||
yAxes: [{display: false}]
|
||||
}
|
||||
}
|
||||
},
|
||||
options: {
|
||||
canvas: {
|
||||
height: 256,
|
||||
width: 512
|
||||
}
|
||||
}
|
||||
};
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
@@ -0,0 +1,54 @@
|
||||
module.exports = {
|
||||
config: {
|
||||
type: 'bar',
|
||||
data: {
|
||||
labels: [0, 1, 2, 3, 4, 5],
|
||||
datasets: [
|
||||
{
|
||||
// option in dataset
|
||||
data: [0, 5, 10, null, -10, -5],
|
||||
borderWidth: [
|
||||
0,
|
||||
1,
|
||||
2,
|
||||
3,
|
||||
4,
|
||||
5
|
||||
]
|
||||
},
|
||||
{
|
||||
// option in element (fallback)
|
||||
data: [0, 5, 10, null, -10, -5],
|
||||
}
|
||||
]
|
||||
},
|
||||
options: {
|
||||
legend: false,
|
||||
title: false,
|
||||
elements: {
|
||||
rectangle: {
|
||||
backgroundColor: 'transparent',
|
||||
borderColor: '#888',
|
||||
borderWidth: [
|
||||
5,
|
||||
4,
|
||||
3,
|
||||
2,
|
||||
1,
|
||||
0
|
||||
]
|
||||
}
|
||||
},
|
||||
scales: {
|
||||
xAxes: [{display: false}],
|
||||
yAxes: [{display: false}]
|
||||
}
|
||||
}
|
||||
},
|
||||
options: {
|
||||
canvas: {
|
||||
height: 256,
|
||||
width: 512
|
||||
}
|
||||
}
|
||||
};
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
@@ -0,0 +1,49 @@
|
||||
module.exports = {
|
||||
config: {
|
||||
type: 'bar',
|
||||
data: {
|
||||
labels: [0, 1, 2, 3, 4, 5],
|
||||
datasets: [
|
||||
{
|
||||
// option in dataset
|
||||
data: [0, 5, 10, null, -10, -5],
|
||||
borderWidth: -2
|
||||
},
|
||||
{
|
||||
// option in element (fallback)
|
||||
data: [0, 5, 10, null, -10, -5],
|
||||
},
|
||||
{
|
||||
data: [0, 5, 10, null, -10, -5],
|
||||
borderWidth: {left: -5, top: -5, bottom: -5, right: -5},
|
||||
borderSkipped: false
|
||||
},
|
||||
{
|
||||
data: [0, 5, 10, null, -10, -5],
|
||||
borderWidth: {}
|
||||
},
|
||||
]
|
||||
},
|
||||
options: {
|
||||
legend: false,
|
||||
title: false,
|
||||
elements: {
|
||||
rectangle: {
|
||||
backgroundColor: '#888',
|
||||
borderColor: '#f00',
|
||||
borderWidth: -4
|
||||
}
|
||||
},
|
||||
scales: {
|
||||
xAxes: [{display: false}],
|
||||
yAxes: [{display: false}]
|
||||
}
|
||||
}
|
||||
},
|
||||
options: {
|
||||
canvas: {
|
||||
height: 256,
|
||||
width: 512
|
||||
}
|
||||
}
|
||||
};
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
@@ -0,0 +1,42 @@
|
||||
module.exports = {
|
||||
config: {
|
||||
type: 'bar',
|
||||
data: {
|
||||
labels: [0, 1, 2, 3, 4, 5],
|
||||
datasets: [
|
||||
{
|
||||
// option in dataset
|
||||
data: [0, 5, 10, null, -10, -5],
|
||||
borderSkipped: false,
|
||||
borderWidth: {bottom: 1, left: 2, top: 3, right: 4}
|
||||
},
|
||||
{
|
||||
// option in element (fallback)
|
||||
data: [0, 5, 10, null, -10, -5],
|
||||
}
|
||||
]
|
||||
},
|
||||
options: {
|
||||
legend: false,
|
||||
title: false,
|
||||
elements: {
|
||||
rectangle: {
|
||||
backgroundColor: 'transparent',
|
||||
borderColor: '#888',
|
||||
borderSkipped: false,
|
||||
borderWidth: {bottom: 4, left: 3, top: 2, right: 1}
|
||||
}
|
||||
},
|
||||
scales: {
|
||||
xAxes: [{display: false}],
|
||||
yAxes: [{display: false}]
|
||||
}
|
||||
}
|
||||
},
|
||||
options: {
|
||||
canvas: {
|
||||
height: 256,
|
||||
width: 512
|
||||
}
|
||||
}
|
||||
};
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
@@ -0,0 +1,54 @@
|
||||
module.exports = {
|
||||
config: {
|
||||
type: 'bar',
|
||||
data: {
|
||||
labels: [0, 1, 2, 3, 4, 5],
|
||||
datasets: [
|
||||
{
|
||||
// option in dataset
|
||||
data: [0, 5, 10, null, -10, -5],
|
||||
borderSkipped: false,
|
||||
borderWidth: function(ctx) {
|
||||
var value = ctx.dataset.data[ctx.dataIndex] || 0;
|
||||
return {top: Math.abs(value)};
|
||||
}
|
||||
},
|
||||
{
|
||||
// option in element (fallback)
|
||||
data: [0, 5, 10, null, -10, -5]
|
||||
}
|
||||
]
|
||||
},
|
||||
options: {
|
||||
legend: false,
|
||||
title: false,
|
||||
elements: {
|
||||
rectangle: {
|
||||
backgroundColor: 'transparent',
|
||||
borderColor: '#80808080',
|
||||
borderSkipped: false,
|
||||
borderWidth: function(ctx) {
|
||||
return {left: ctx.dataIndex * 2};
|
||||
}
|
||||
}
|
||||
},
|
||||
scales: {
|
||||
xAxes: [{display: false}],
|
||||
yAxes: [
|
||||
{
|
||||
display: false,
|
||||
ticks: {
|
||||
beginAtZero: true
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
options: {
|
||||
canvas: {
|
||||
height: 256,
|
||||
width: 512
|
||||
}
|
||||
}
|
||||
};
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
@@ -0,0 +1,52 @@
|
||||
module.exports = {
|
||||
config: {
|
||||
type: 'bar',
|
||||
data: {
|
||||
labels: [0, 1, 2, 3, 4, 5],
|
||||
datasets: [
|
||||
{
|
||||
// option in dataset
|
||||
data: [0, 5, 10, null, -10, -5],
|
||||
borderWidth: function(ctx) {
|
||||
var value = ctx.dataset.data[ctx.dataIndex] || 0;
|
||||
return Math.abs(value);
|
||||
}
|
||||
},
|
||||
{
|
||||
// option in element (fallback)
|
||||
data: [0, 5, 10, null, -10, -5]
|
||||
}
|
||||
]
|
||||
},
|
||||
options: {
|
||||
legend: false,
|
||||
title: false,
|
||||
elements: {
|
||||
rectangle: {
|
||||
backgroundColor: 'transparent',
|
||||
borderColor: '#888',
|
||||
borderWidth: function(ctx) {
|
||||
return ctx.dataIndex * 2;
|
||||
}
|
||||
}
|
||||
},
|
||||
scales: {
|
||||
xAxes: [{display: false}],
|
||||
yAxes: [
|
||||
{
|
||||
display: false,
|
||||
ticks: {
|
||||
beginAtZero: true
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
options: {
|
||||
canvas: {
|
||||
height: 256,
|
||||
width: 512
|
||||
}
|
||||
}
|
||||
};
|
||||
|
After Width: | Height: | Size: 5.1 KiB |
@@ -0,0 +1,40 @@
|
||||
module.exports = {
|
||||
config: {
|
||||
type: 'bar',
|
||||
data: {
|
||||
labels: [0, 1, 2, 3, 4, 5],
|
||||
datasets: [
|
||||
{
|
||||
// option in dataset
|
||||
data: [0, 5, 10, null, -10, -5],
|
||||
borderWidth: 2
|
||||
},
|
||||
{
|
||||
// option in element (fallback)
|
||||
data: [0, 5, 10, null, -10, -5],
|
||||
}
|
||||
]
|
||||
},
|
||||
options: {
|
||||
legend: false,
|
||||
title: false,
|
||||
elements: {
|
||||
rectangle: {
|
||||
backgroundColor: 'transparent',
|
||||
borderColor: '#888',
|
||||
borderWidth: 4
|
||||
}
|
||||
},
|
||||
scales: {
|
||||
xAxes: [{display: false}],
|
||||
yAxes: [{display: false}]
|
||||
}
|
||||
}
|
||||
},
|
||||
options: {
|
||||
canvas: {
|
||||
height: 256,
|
||||
width: 512
|
||||
}
|
||||
}
|
||||
};
|
||||
|
After Width: | Height: | Size: 2.0 KiB |