Example of making text inside dougnat chart js

dounat.tsx

```
 <Doughnut
                    data={data}
                    options={{
                      cutout: '70%',
                    }}
                  plugins={[
                    {
                      id: "title",
                      beforeDraw: function (chart) {
                        var width = chart.width,
                          height = chart.height,
                          ctx = chart.ctx;
                        ctx.restore();
                        ctx.font = "500 24px Inter";
                        ctx.textBaseline = "top";
                        var text = "102k",
                          textX = Math.round((width - ctx.measureText(text).width) / 2),
                          textY = height / 2.4;
                        ctx.fillStyle = "rgba(58, 53, 65, 0.87)";
                        ctx.fillText(text, textX, textY);
                        ctx.save();
                      }
                    },
                    {
                      id: "subTitle",
                      beforeDraw: function (chart) {
                        var width = chart.width,
                          height = chart.height,
                          ctx = chart.ctx;
                        ctx.restore();
                        ctx.font = "400 14px Inter";
                        ctx.textBaseline = "top";
                        var text = "Total Issuance",
                          textX = Math.round((width - ctx.measureText(text).width) / 2),
                          textY = height / 1.8;
                        ctx.fillStyle = "rgba(58, 53, 65, 0.68)";
                        ctx.fillText(text, textX, textY);
                        ctx.save();
                      }
                    },
                  ]}
                  />
                  ```