Я использую диаграмму. js Мне нужна полукруглая диаграмма, как на изображении ниже. Но мне не удалось изменить форму толщины
Chart.pluginService.register({
beforeDraw: function() {
var width = chart.chart.width,
height = chart.chart.height,
ctx = chart.chart.ctx;
ctx.restore();
var fontSize = (height / 114).toFixed(2);
ctx.font = fontSize + "em sans-serif";
ctx.textBaseline = "middle";
var text = "124",
textX = Math.round((width - ctx.measureText(text).width) / 2),
textY = height / 2;
ctx.fillText(text, textX, textY);
ctx.save();
}
});
var data = {
labels: [
"Red",
"gray",
],
datasets: [
{
data: [60, 40,],
backgroundColor: [
"rgb(247, 173, 181)",
"#e6e6e6",
],
hoverBackgroundColor: [
"rgb(247, 173, 181)",
"#e6e6e6",
],
borderWidth: 0,
},
],
};
const chart = new Chart(document.getElementById('halfcircle'), {
type: 'doughnut',
data: data,
options: {
responsive: true,
legend: {
display: false
},
rotation: 2.8 * Math.PI,
circumference: 1.4 * Math.PI,
percentageInnerCutout: 5,
legend: {
display: false,
},
tooltip: {
enabled: true,
},
cutoutPercentage: 75,
animation: {
duration: 8000,
easing:'easeOutBounce',
},
}
});
<canvas id="halfcircle" width="324" height="324"></canvas>
р ie. Я много раз пробовал, что он не работает
Я прикрепил код ниже: укажите его, а также масштаб круглой формы, как его создать диаграмма js, если возможно, скажите мне, как его создать введите здесь описание изображения введите описание изображения здесь