Показать текст в центре пончика

Question

Как отобразить соответствующий элемент данных раздела при наведении курсора в ChartJS? Изначально он не должен отображать ничего, кроме при наведении курсора, он должен отображать элемент данных соответствующего раздела пончика в центре. Что-то вроде этого: https://giphy.com/gifs/pj3umMCJnx3yGUneis/fullscreen

Answer 1

Если бы вы могли поделиться своим кодом, который бы немного помог, но не использовал Chart.js, я провел поиск и нашел это:

https://jsfiddle.net/cmyker/ooxdL2vj/

Chart.pluginService.register({
  beforeDraw: function(chart) {
    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 = "75%",
        textX = Math.round((width - ctx.measureText(text).width) / 2),
        textY = height / 2;

    ctx.fillText(text, textX, textY);
    ctx.save();
  }
});

Надеюсь, это поможет!