求闻百科
搜索
切换搜索
切换菜单
切换个人菜单
查看“Template:Pie chart/style.css”的源代码
模板页面
阅读
查看源代码
查看历史
模板
讨论
更多操作
←
Template:Pie chart/style.css
因为下列原因,您没有权限编辑本页。请逐条确认下列问题是否解决后再试。
您所请求的操作,仅限具有
注册用户
权限的
用户
执行。
若您尚未登录求闻百科账号,请您
登录
求闻百科账号后操作。
您尚未完成实名制验证,因此操作受限。请尽快
完成实名制验证
,或联系
裁决委员会
以
获取操作权限
。
注:若您是非中国大陆用户,您应当联络电子邮件staff
qiuwen.org以获得帮助。
您尚未完成
电子邮件确认
,因此操作受限,请尽快
完成电子邮件确认
。
若您无法完成前述手续,请参考
帮助文档
,或通过适当渠道请求管理员或裁决委员协助。
您可以查看和复制此页面的源代码。
若您无权编辑本页面,您可以
提出编辑请求
,提请有权限者代为编辑。
.PieChartCircle { background: white; --PieChartSize: calc(2 * var(--PieChartRadius)); width: var(--PieChartSize); height: var(--PieChartSize); overflow: hidden; border-radius: 50%; border: 1px solid black; margin: auto; padding: var(--PieChartRadius); box-sizing: border-box; } .PieChartHiddenText, .PieChartPieceHiddenText { position: absolute; clip-path: inset(50%); opacity: 0; } .PieChartPiece { --PieChartPieceBackground: conic-gradient( from var(--PieChartPiecesStart, 0deg), transparent var(--PieChartPieceBeginAngle), var(--PieChartPieceColor) var(--PieChartPieceBeginAngle), var(--PieChartPieceColor) var(--PieChartPieceEndAngle), transparent var(--PieChartPieceEndAngle)); background: var(--PieChartPieceBackground); width: var(--PieChartSize); height: var(--PieChartSize); --PieChartNegativeMargin: calc(-1 * var(--PieChartRadius)); margin-top: var(--PieChartNegativeMargin); /*should be margin-block-start*/ margin-left: var(--PieChartNegativeMargin); /*should be margin-inline-start*/ position: absolute; border-radius: 100%; } .PieChartPieceOffset { --PieChartOffsetTransform: translate( calc(sin((var(--PieChartPieceBeginAngle) + var(--PieChartPieceEndAngle)) / 2) * var(--PieChartPieceOffset)) calc(cos((var(--PieChartPieceBeginAngle) + var(--PieChartPieceEndAngle)) / 2) * var(--PieChartPieceOffset) * -1)); transform: var(--PieChartOffsetTransform); } .PieChartTemplate > .thumbinner { --PieChartThumbInnerWidth: calc(2 * var(--PieChartRadius) + 2px); width: var(--PieChartThumbInnerWidth); }
返回
Template:Pie chart/style.css
。