v-charts环形图中间设置文字

本是古典何须时尚 2022-12-11 05:25 431阅读 0赞

![在这里插入图片描述][20200928173527803.png_pic_center]  
主要是在`chartExtend`中设置`graphic`，代码如下：

<ve-ring :data="chartData" :settings="chartSettings" :extend="chartExtend">
    </ve-ring>

chartSettings: { 
      label: {  show: false }
    },
    chartExtend: { 
      legend: {  show: false },
      graphic: [{ 
        type: 'text',
        left: 'center',
        top: '45%',
        style: { 
          text: 7,
          textAlign: 'center',
          fill: '#000',
          fontSize: 28,
        }
      }, { 
        type: 'text',
        left: 'center',
        top: '55%',
        style: { 
          text: '请求',
          textAlign: 'center',
          fill: '#999999',
          fontSize: 16,
        }
      }],
      color: ['#67C23A', '#F56C6C']
    },
    chartData: { 
      columns: ['type', 'count'],
      rows: [
        {  type: '成功', count: 5 },
        {  type: '失败', count: 2 }
      ]
    }

[20200928173527803.png_pic_center]: /images/20221123/9e63428ce6544f509ba1fc4ca84cb9a1.png

发表评论取消回复

表情：

评论列表（有 0 条评论，431人围观）

还没有评论，来说两句吧...

相关阅读

相关 iOS-UIButton设置图片和文字

在开发中，我们经常会用到button这个控件，button上本身就可以单独设置图片和文字，但是要将图片和文字同时放置在button上，比如，图片在左边，标题在右边等布局，这样的

谁践踏了优雅/ 2023年10月16日 22:52/ 0 赞/ 53 阅读

相关 Echarts 环形饼图

![afd0dbb556be41fe8cd3f97942c06efc.png][] var myChart = echarts.init(document.getEl

Myth丶恋晨/ 2023年10月13日 13:26/ 0 赞/ 80 阅读

相关 echarts圆饼图设置默认选中项并在中间显示文字

效果：![911071-20190919145009095-1066376304.png][] 代码： var myChart = echarts.init(doc

Bertha 。/ 2023年08月17日 15:38/ 0 赞/ 169 阅读

相关 QT 如何设置 QLineEdit 背景提示文字

设置QLineEdit背景提示文字： ui->lineEditType->setPlaceholderText("请输入用户名"); 设置背景提示文字的颜色或者字体

柔光的暖阳◎/ 2023年02月21日 11:51/ 0 赞/ 28 阅读

相关 u-charts环形图

<view class="qiun-charts"> <canvas canvas-id="canvasRing" id="

r囧r小猫/ 2022年12月29日 01:47/ 0 赞/ 252 阅读

相关 v-charts环形图中间设置文字

![在这里插入图片描述][20200928173527803.png_pic_center] 主要是在`chartExtend`中设置`graphic`，代码如下：

本是古典何须时尚/ 2022年12月11日 05:25/ 0 赞/ 432 阅读

相关 echart 环形饼图设置中心固定信息

UI图 ![2020102815183236.png][] 中间的1/3是固定值不会因为交互而改变使用title 属性来显示中间的信息如将title 的to

矫情吗；*/ 2022年11月20日 09:53/ 0 赞/ 213 阅读

相关文字

╰☆ゞ皮卡皮卡significant otherゞ☆╮ 这一生里，爱我和我爱的，无论给我的是快乐还是痛苦，都是来度我的，使我明白世间悲欢离合。明知道没有结果，却还是禁不住回首

妖狐艹你老母/ 2022年08月09日 06:57/ 0 赞/ 229 阅读

相关 echarts-环形图

![这里写图片描述][SouthEast] <!DOCTYPE html> <html lang="en"> <head> <meta

我不是女神ヾ/ 2022年06月08日 09:41/ 0 赞/ 309 阅读

相关 echart双环形图

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIw

àì夳堔傛蜴生んèń/ 2021年07月26日 23:24/ 0 赞/ 1269 阅读