Внутренний радиус круглой формы не изменен в диаграмме. js (кольцевая диаграмма) - PullRequest
0 голосов
/ 05 августа 2020

Я использую диаграмму. 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, если возможно, скажите мне, как его создать введите здесь описание изображения введите описание изображения здесь

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...