arkUI的js chart组件圆环图支持中间显示文本吗?

如题,想在进程图的中间显示进度百分比,看文档竟然没法设置。
 
 

鸿蒙
组件
文档
2022-03-07 15:11:29
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
似鸿风
2

不支持。你可以在div元素下再添加text组件,然后布局居中即可。

index.hml代码如下:

<div class="container">

    <div class="gauge-region">

        <chart class="data-gauge" type="gauge" percent = "50"></chart>

        <text class="title">

           中间文本内容

        </text>

    </div>

</div>

index.css代码如下:

.container {

    flex-direction: column;

    justify-content: center;

    align-items: center;

}

.gauge-region {

    height: 400px;

    width: 400px;

}

.data-gauge {

    colors: #83f115, #fd3636, #3bf8ff;

    weights: 4, 2, 1;

}

.title{

    position: absolute;

    left: 30%;

    top: 30%;

}
分享
微博
QQ
微信
回复
2022-03-07 16:30:57
相关问题
请问ets项目能调用jschart组件
1307浏览 • 1回复 待解决
ArkUI组件能否支持继承
556浏览 • 1回复 待解决
ArkUI 支持 Tcp Server
1847浏览 • 1回复 待解决
ArkUI没有table组件
2206浏览 • 1回复 待解决
arkui怎么展示接口返回文本?
1620浏览 • 1回复 待解决
Input组件是否支持设置文本居中对齐
652浏览 • 1回复 待解决
Text组件是否支持多行显示
765浏览 • 1回复 待解决
文本组件是否支持分段设置字体样式
940浏览 • 1回复 待解决
求大佬告知ArkUI有图表组件
723浏览 • 1回复 待解决
Text怎么显示带html标签文本
3067浏览 • 1回复 待解决
多行文本省略展开与显示
404浏览 • 1回复 待解决
js FA支持多点触摸
3387浏览 • 1回复 待解决
Image组件如何设置默认
511浏览 • 1回复 待解决
数字支持货币分隔符显示
421浏览 • 1回复 待解决
现在是否支持Webp动
1028浏览 • 1回复 待解决