// half donut
var ctx = document.getElementById("halfcircle")
var myChart = new Chart(ctx, {
type: "doughnut",
data: {
labels: ["# lable"],
datasets: [
{
label: "# of Votes",
data: [65, 35],
backgroundColor: ["#f8758d", "#e6e6e6"],
borderColor: ["#f8758d", "#e6e6e6"],
borderWidth: 1,
},
],
},
options: {
rotation: 1 * Math.PI,
circumference: 1 * Math.PI,
legend: {
display: false,
},
tooltip: {
enabled: false,
},
cutoutPercentage: 75,
},
})
});
<canvas id="halfcircle" width="400" height="400"></canvas>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.bundle.js"
integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc="
crossorigin="anonymous"></script>
<script
src="https://code.jquery.com/jquery-3.5.1.js"
integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc="
crossorigin="anonymous"></script>
как исправить тот же вид на этом изображении выше, скажите мне `Я пробовал много способов, но не могу этого сделать, кто-нибудь теперь скажите мне эту часть ответа, пожалуйста
Я пробовал в диаграмме. js мог бы рассказать любую идею
Мне нужен этот король макета [2]: https://i.stack.imgur.com/ZPQxp.png