mirror of
https://github.com/chartjs/Chart.js.git
synced 2024-10-07 12:49:07 +02:00
1f2fa5c90c
- Calculate the vertices of the shapes so that they are inscribed in the circle that has the radius of `pointRadius` - Remove `translate()` and `rotate()` to fix the regression introduced by #5319 - Refactor `rectRounded` for better performance
40 lines
881 B
JavaScript
40 lines
881 B
JavaScript
var roundedRect = Chart.helpers.canvas.roundedRect;
|
|
|
|
module.exports = {
|
|
config: {
|
|
type: 'line',
|
|
plugins: [{
|
|
afterDraw: function(chart) {
|
|
var ctx = chart.ctx;
|
|
ctx.strokeStyle = '#0000ff';
|
|
ctx.lineWidth = 4;
|
|
ctx.fillStyle = '#00ff00';
|
|
ctx.beginPath();
|
|
roundedRect(ctx, 10, 10, 50, 50, 25);
|
|
roundedRect(ctx, 70, 10, 100, 50, 25);
|
|
roundedRect(ctx, 10, 70, 50, 100, 25);
|
|
roundedRect(ctx, 70, 70, 100, 100, 25);
|
|
roundedRect(ctx, 180, 10, 50, 50, 100);
|
|
roundedRect(ctx, 240, 10, 100, 50, 100);
|
|
roundedRect(ctx, 180, 70, 50, 100, 100);
|
|
roundedRect(ctx, 240, 70, 100, 100, 100);
|
|
roundedRect(ctx, 350, 10, 50, 50, 0);
|
|
ctx.fill();
|
|
ctx.stroke();
|
|
}
|
|
}],
|
|
options: {
|
|
scales: {
|
|
xAxes: [{display: false}],
|
|
yAxes: [{display: false}]
|
|
}
|
|
}
|
|
},
|
|
options: {
|
|
canvas: {
|
|
height: 256,
|
|
width: 512
|
|
}
|
|
}
|
|
};
|