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

61 lines
1.0 KiB
JavaScript
Raw Normal View History

module.exports = {
config: {
type: 'line',
data: {
labels: [0, 1, 2, 3, 4, 5],
datasets: [
{
// option in dataset
data: [0, 5, 10, null, -10, -5],
pointBorderColor: '#0000ff',
pointRotation: function(ctx) {
var value = ctx.dataset.data[ctx.dataIndex] || 0;
return value > 4 ? 120
: value > -4 ? 60
: 0;
}
},
{
// option in element (fallback)
data: [4, -5, -10, null, 10, 5],
}
]
},
options: {
legend: false,
title: false,
elements: {
line: {
fill: false,
},
point: {
borderColor: '#ff0000',
rotation: function(ctx) {
var value = ctx.dataset.data[ctx.dataIndex] || 0;
return value > 4 ? 0
: value > -4 ? 60
: 120;
},
pointStyle: 'line',
radius: 10,
}
},
scales: {
xAxes: [{display: false}],
yAxes: [
{
display: false,
beginAtZero: true
}
]
}
}
},
options: {
canvas: {
height: 256,
width: 512
}
}
};