甜甜圈中的 CenterText 反应

问题描述

centerText: {
    display: true,text: `${income}`,fontSize : 10
}

我无法在圆环图选项中使用 about 代码查看中心文本。 有人知道为什么吗？

提前致谢

解决方法

前段时间我在研究在react-chartjs-2的Doughnut中添加居中文字的时候，突然想起在Donut中实现居中文字最简单的方法其实就是使用相对定位和绝对定位给甜甜圈添加一层.

WITH j AS
(
SELECT j2.*,JSONB_TYPEOF(j2.value) AS type
  FROM t,JSONB_EACH(jsdata) AS j0(k,v),JSONB_ARRAY_ELEMENTS(v) AS j1,JSONB_EACH((j1.value ->> 'outputs')::JSONB) AS j2
),jj AS
(
SELECT key,j1.*,JSONB_TYPEOF(j1.value::JSONB) AS type
  FROM j,JSONB_ARRAY_ELEMENTS(value) AS j0(v),JSONB_ARRAY_ELEMENTS(v) AS j1
 WHERE type = 'array'  
),jjj AS
(
 SELECT key,j0.v,JSONB_TYPEOF(j0.v::JSONB) AS type,k
   FROM jj,JSONB_EACH(value) AS j0(k,v)
  WHERE type IN ('array','object') 
)
SELECT key,value
  FROM
  (
   SELECT key,value,type
     FROM j  
    UNION ALL
   SELECT key,type
     FROM jj
    UNION ALL
   SELECT k,v,type
     FROM jjj
   ) jt  
WHERE type NOT IN ('array','object')  
UNION ALL 
SELECT k,value
  FROM jjj,JSONB_ARRAY_ELEMENTS(v) AS j0
 WHERE type IN ('array','object')