微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

甜甜圈中的 CenterText 反应

如何解决甜甜圈中的 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') 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。