Chart.js/test/fixtures/controller.line/borderCapStyle/scriptable.js

69 lines
1.1 KiB
JavaScript
Raw Normal View History

2019-03-21 09:06:39 +01:00
module.exports = {
config: {
type: 'line',
data: {
labels: [0, 1, 2, 3],
datasets: [
{
// option in dataset
data: [null, 3, 3],
borderCapStyle: function(ctx) {
var index = (ctx.datasetIndex % 2);
return index === 0 ? 'round'
: index === 1 ? 'square'
: 'butt';
}
},
{
// option in element (fallback)
data: [null, 2, 2],
},
{
// option in element (fallback)
data: [null, 1, 1],
}
]
},
options: {
legend: false,
title: false,
elements: {
line: {
borderCapStyle: function(ctx) {
var index = (ctx.datasetIndex % 3);
return index === 0 ? 'round'
: index === 1 ? 'square'
: 'butt';
},
borderColor: '#ff0000',
borderWidth: 32,
fill: false
},
point: {
radius: 10,
}
},
layout: {
padding: 32
},
scales: {
xAxes: [{display: false}],
yAxes: [
{
display: false,
ticks: {
beginAtZero: true
}
}
]
}
}
},
options: {
canvas: {
height: 256,
width: 512
}
}
};