在series里面再加一个圆,设置他的位置和边框大小即可。

data() {

return {

option: {

title: {

show: true,

text: '项目总数',

subtext: 230,

itemGap: 8,

left: '49%',

top: '42%',

textStyle: {

color: '#B4E4FF',

fontSize: 16,

},

textAlign:'center'

},

tooltip: {

trigger: 'item',

formatter: '{a}
{b}: {c} ({d}%)'

},

legend: {

orient: 'vertical',

icon: "rect",

top: 0,

right: 0,

itemWidth: 15,

itemHeight: 15,

textStyle: {

color: '#B4E4FF',

fontSize: 15

},

data: ['970分以上', '950-970分', '900-950分', '900分以下']

},

color : [ '#502092', '#0d8888', '#a4224a', '#af3b14' ],

graphic: {

type: 'text',

style: {

textAlign: 'center',

fill: 'rgb(149,162,255)',

30,

height: 30,

}

},

series: [

{

name: '项目分数',

type: 'pie',

radius: ['50%', '70%'],

avoidLabelOverlap: false,

labelLine: {

show: true

},

data: [

{value: 335, name: '970分以上'},

{value: 310, name: '950-970分'},

{value: 234, name: '900-950分'},

{value: 135, name: '900分以下'},

]

},

{

name: '外边框',

type: 'pie',

clockWise: false,

radius: ['74%', '74%'],//边框大小

center: ['50%', '50%'],//边框位置

data: [{

value: 10,

itemStyle: {

normal: {

borderWidth: 8,//设置边框粗细

borderColor: 'rgb(9,37,71, 0.5)'//边框颜色

}

}

}]

},

]

},

};

android 饼图花边框,echarts 饼图给外层加边框相关推荐

  1. echart 边框线_echarts 饼图给外层加边框

    在series里面再加一个圆,设置他的位置和边框大小即可. data() { return { option: { title: { show: true, text: '项目总数', subtext ...

  2. android聚焦时如何给控件加边框,edittext设置获得焦点时的边框颜色

    第一步:为了更好的比较,准备两个一模一样的EditText(当Activity启动时,焦点会在第一个EditText上,如果你不希望这样只需要写一个高度和宽带为0的EditText即可避免,这里就不这 ...

  3. echarts 饼图每块颜色_读者提问,如何让 tooltip 提示框内显示饼图

    效果截图 前些天有读者问,ECharts 的提示框(tooltip)内,能不能添加一个饼图? 我之前倒是看到过用饼图作为散点图数据点的例子,感觉应该有办法--但是提示框和那个不太一样,估计需要研究一下 ...

  4. echarts饼图直观显示数值最实用的方式

    默认:echarts饼图直接显示数值(如图 无需光标悬空触发) var optionOne = {                 title : {                     text ...

  5. echarts饼图自动显示数据

    在做echarts饼图的时候,默认是不显示数据,现在要直接把数据显示在上面,代码如下: series: [{name: '处理状态',type: 'pie',radius: ['50%', '70%' ...

  6. ECharts 饼图切换数据源bug 开始没数据显示 切换或刷新后显示

    1.出现问题原因 一个饼图,右上方两个按钮分别为今天和本月,分别调用不同接口控制,点击则调用不同接口同时饼图绑定数据源刷新:出现此问题原因点击今日按钮有一个饼图区域形没有数据不显示,对应数据值比例都没 ...

  7. echarts 饼图悬浮频繁闪动

    日常改bug时,发现echarts饼图鼠标悬浮上去频繁闪动,把我整的以为是后端的祸害,吓的我查来查去,最后也没找到答案,只能自己来整了,给秀儿上座,看图.看代码! 1.我之前在写代码时可能是在官网复制 ...

  8. ECharts饼图单位

    最近在做ECharts饼图的时候,需要每项数据有自己的单位. 比如焦炉煤气的单位是(吨), 石油天然气的单位是(万立方米). 大概就是下图意思: 饼图option配置: tooltip : {trig ...

  9. Echarts饼图显示数值和百分比

    Echarts 饼图显示名称,数值和百分比 核心: series : [ {name:'',type : 'pie',radius : '65%',center : [ '50%', '50%' ], ...

  10. 解决echarts饼图显示百分比,和显示内容字体及大小,如何给eCharts饼图区域指定颜色

    解决echarts饼图显示百分比,和显示内容字体及大小 // 基于准备好的dom,初始化echarts实例         var pieEchart = echarts.init(document. ...

最新文章

  1. Json 学习 JSONObject 和 JSONArray
  2. windows下rpc框架thrift的环境配置
  3. R语言构建xgboost模型并评估模型(测试集、训练集每一轮):误分类率指标(misclassification rate)、logloss
  4. 定义简单的反射工厂示例
  5. linux虚拟机时间不准的问题
  6. MindManager中读图工具的使用
  7. 十六进制、二进制转换以及练习
  8. 参考文献tool-mendeley_拔剑-浆糊的传说_新浪博客
  9. 16. Segmentation
  10. 数值分析与算法 (2)
  11. JavaScript内的类型转换
  12. ESP8266连接阿里云(二)烧录MQTT固件
  13. matlab课程设计语音,语音伪装课程设计代码,求助
  14. python 10个100以内随机整数编辑_Python在小学数学中的应用
  15. paraview高级动画功能
  16. 【单片机毕业设计】【mcuclub-jj-026】基于单片机的垃圾桶的设计
  17. 几个分形的matlab实现1,几个分形的matlab实现
  18. 汇千网-未来PC长这样?微软正式推出第一台云电脑
  19. 年度大戏《“跨界”的诱惑》主演:头部车企、手机巨头
  20. Python-Tkinter图形化界面设计(详细教程 )

热门文章

  1. SaaSBase:什么是为知笔记?
  2. XP桌面图标阴影的去除
  3. WordPress初学者入门教程-写文章
  4. 区块链名词解析:ICO、IFO、IEO和IMO,分别是什么呢?
  5. 算法入门之lowB三人组---冒泡排序、选择排序、插入排序 【python版-详解】
  6. Java中巧算年龄的代码,巧算年龄 - 寂寞暴走伤的个人空间 - OSCHINA - 中文开源技术交流社区...
  7. 今天终于知道了!阿里巴巴 P8、P9 及以上到底是什么水平?
  8. 计算机解译地学应用效果,2014年中国地质大学(武汉)0816测绘科学与技术考研大纲...
  9. C ++程序将字符串的每个单词的首字母转换为大写,将其他转换为小写
  10. Unity 移动端简单手势控制(移动,旋转,缩放)