echarts 环状图的各部位名称

option = {
//标题
title: {
text: [‘已开展前期’,‘146个’].join(’\n’), //主标题
subtext: ‘传感器’,//副标题
top:‘center’,//距离顶部的位置
left: ‘center’,//距离左侧的位置
textStyle: {
// 主标题样式
color: ‘rgba(255,255,255,1)’,
fontWeight: ‘bold’,
fontSize: 12,
},
},
//鼠标悬停的数据提示
tooltip: {
trigger: ‘item’//按数据
},
//图例
legend: {
orient: ‘vertical’,
type: ‘scroll’,
top: ‘5%’,
left: ‘center’
},
series: [
{
name: ‘Access From’,
type: ‘pie’,
radius: [‘40%’, ‘70%’],
avoidLabelOverlap: false,// 避免lable重叠
hoverAnimation: false,//关闭环状弹弹弹
label: {
show: false,
position: ‘center’
},
emphasis: {
label: {
show: true,
fontSize: ‘40’,
fontWeight: ‘bold’
}
},
labelLine: {
show: false
},
data: [
{ value: 1048, name: ‘Search Engine’ },
{ value: 735, name: ‘Direct’ },
{ value: 580, name: ‘Email’ },
{ value: 484, name: ‘Union Ads’ },
{ value: 300, name: ‘Video Ads’ }
],
/自定义样式
itemStyle: {
normal: {
//这里是重点颜色
color: function (params) {
//注意，如果颜色太少的话，后面颜色不会自动循环，最好多定义几个颜色
var colorList = [’#143D66’,’#3274FC’ ]
return colorList[params.dataIndex]
},
},
},
}
]
};

echarts 环状图的各部位名称相关推荐

echarts 环状图中添加图片
echarts 环状图中添加图片由于业务需要,我们可以在饼图内加入图片.图标或文字等让单调的饼图变得美观,这里我是在环状图里添加图片. 代码如下: option = {graphic: {//图形中 ...
echarts 环形图占比_环形图_仪表盘
Echarts 常用各类图表模板配置注意: 这里主要就是基于各类图表,更多的使用 Echarts 的各类配置项: 以下代码都可以复制到 Echarts 官网,直接预览: 图标模板目录 Echarts ...
12对胸椎对应体表标志_人体各部位名称及体表标志
一.人体各部位名称(如图2-1) 人是一个具有生命活动功能的整体.不同的部位,有着不同的名称.头颈部的名称:头.颈:躯干部的名称:胸.背.脊椎:上肢部的名称:肩.上臂.前臂.手:下肢部的名称:臀.大腿 ...
包包各部位名称图解_品尝烤肉必备！日本和牛各部位名称中日翻译对照点餐更轻松...
谈到日本美食,又怎么能少了在全球首屈一指的和牛?但是日本大部分烤肉餐厅里的菜单都是日语,而且肉的部分众多,点餐时一定傻傻分不清,一脸懵逼了! 今天小T为大家分享日本和牛肉各部位名称的中日语对照,以及各 ...
ECharts圆环图
想要使用该图表,只需要复制以下代码,再下载 echarts.js 在页面文件中引入即可. echarts.js 下载链接: http://echarts.baidu.com/download.html ...
ECharts圆环图(详细示例——满满的注释)
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>圆环图 ...
Echarts环形图使用和设置（内外大小、颜色、指示线、圆圈中心字展示）
Echarts环形图使用 1.官网找图 Echarts官网链接 2.使用首先要进行下载,打开cmd,输入 npm install echarts --save 如果显示报错,那么使用管理员身份运行c ...
包包各部位名称图解_包包各个部位的英文表达
包袋款式及各部位名称英文翻译 wallet): 钱包 3)traveling bags: 旅行包 4 ) briefcase: 公文包 5 ) Tote bag :大手提袋 6 ) lady bag ...
echart水滴_漂亮得不像实力派：ECharts 水球图教程
水球图是一种适合于展现单个百分比数据的图表类型,ECharts 的水球图插件使你能够通过非常简单的配置,实现酷炫的数据展示效果. 那么,今天我们就一起来学习一下,如何使用 ECharts 水球图. 第 ...

echarts 环状图的各部位名称

echarts 环状图的各部位名称相关推荐

最新文章

热门文章