echarts年龄饼图_ECharts中饼图的操作
action.pie | *
饼图相关的行为,必须引入饼图后才能使用。
action.pie.pieSelect | Action
选中指定的饼图扇形。dispatchAction({
type: 'pieSelect',
// 可选,系列 index,可以是一个数组指定多个系列
seriesIndex?: number|Array,
// 可选,系列名称,可以是一个数组指定多个系列
seriesName?: string|Array,
// 数据的 index,如果不指定也可以通过 name 属性根据名称指定数据
dataIndex?: number,
// 可选,数据名称,在有 dataIndex 的时候忽略
name?: string
})
action.pie.pieUnSelect | Action
取消选中指定的饼图扇形。dispatchAction({
type: 'pieUnSelect',
// 可选,系列 index,可以是一个数组指定多个系列
seriesIndex?: number|Array,
// 可选,系列名称,可以是一个数组指定多个系列
seriesName?: string|Array,
// 数据的 index,如果不指定也可以通过 name 属性根据名称指定数据
dataIndex?: number,
// 可选,数据名称,在有 dataIndex 的时候忽略
name?: string
})
action.pie.pieToggleSelect | Action
切换指定的饼图扇形选中状态。dispatchAction({
type: 'pieToggleSelect',
// 可选,系列 index,可以是一个数组指定多个系列
seriesIndex?: number|Array,
// 可选,系列名称,可以是一个数组指定多个系列
seriesName?: string|Array,
// 数据的 index,如果不指定也可以通过 name 属性根据名称指定数据
dataIndex?: number,
// 可选,数据名称,在有 dataIndex 的时候忽略
name?: string
})
实例:
W3Cschool(www.w3cschool.cn)
// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// 指定图表的配置项和数据
var option = {
title: {
text: '某站点用户访问来源',
subtext: 'W3Cschool',
left: 'center'
},
tooltip: {
trigger: 'item',
formatter: '{a}
{b} : {c} ({d}%)'
},
legend: {
orient: 'vertical',
left: 'left',
data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
},
series: [
{
name: '访问来源',
type: 'pie',
radius: '55%',
center: ['50%', '60%'],
data: [
{ value: 335, name: '直接访问' },
{ value: 310, name: '邮件营销' },
{ value: 234, name: '联盟广告' },
{ value: 135, name: '视频广告' },
{ value: 1548, name: '搜索引擎' }
],
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
echarts年龄饼图_ECharts中饼图的操作相关推荐
- echarts x 起始_echarts中如何在dataZoom 最左侧和最右侧始终显示起始和结束的值
let option = {} //你的echarts图表的配置,这里我就不贴我的了 myChart.setOption(option); //开始 let startValue = myChart. ...
- echarts饼图解析html标签,解决echarts中饼图标签重叠的问题
饼图中的series有个avoidLabelOverlap属性, avoidLabelOverlap:是否启用防止标签重叠策略,默认开启,在标签拥挤重叠的情况下会挪动各个标签的位置,防止标签间的重叠. ...
- echart饼图标签重叠_解决echarts中饼图标签重叠的问题
饼图中的series有个avoidLabelOverlap属性, avoidLabelOverlap:是否启用防止标签重叠策略,默认开启,在标签拥挤重叠的情况下会挪动各个标签的位置,防止标签间的重叠. ...
- vue中使用ECharts实现折线图和饼图
在开发后台管理项目时,需要统计后台用户数据,以折线图和饼图的形式显示,这边采用apache-echarts来实现需求. 1.安装echarts和引入 npm install echarts --sav ...
- echarts中饼图的指示线前加圆点
echarts中饼图的指示线加圆点 echart中饼图的指示线加圆点,圆点的颜色与指示线的颜色一致 let data = [{"name": "业务1",&qu ...
- 怎么保存python制作的饼图_Scribus中的Python脚本:制作饼图
Python部落(python.freelycode.com)组织翻译,禁止转载,欢迎转发. Scribus是一个强大的开源页面布局应用程序,它是由开源社区自2001年开发的程序.据项目网站可知,Sc ...
- Echarts --- 可视化练习(pie04 --- 饼图标签的对齐方式)
Echarts - 可视化练习(pie04 - 饼图标签的对齐方式) 人生路漫漫,其实人生路上所经历的挫折磨难,换个角度想,也并非全是坏事, 纵然结果不尽人意,但至少还是能让我们从中领悟到什么,能成长 ...
- 饼图百分比的小数matlab,excel的饼图如何显示百分比的小数。 Excel中饼图怎么按照自己填写的百分比来显示...
excel 2007饼图中如何即显示数值又显示百分比 试过:双击图表,没有用:还有找不到 图表选项,多谢,急需.爱不如宠,宠不如懂.宠的多了就会放肆,忍的多了就会怨恨,所以爱要懂得分寸. 在图标向导第 ...
- ECharts 饼图数据放在饼图内部显示
1.业务需求 将数据显示在饼图内部,格式化百分比显示,鼠标放上去显示具体名称和数值 原样式如下 2.业务实现 调整代码如下,核心语句已标记注释 option = {title: {text: 'Ref ...
- echarts笔记-2,嵌套饼图
嵌套饼图和单个饼图差别不大,需要之一的是,如果使用嵌套饼图,只能有一个标题和一个图例,因为虽然是两个饼图,但是是一个echarts实例 需要注意的地方: 1. 注意外外部饼图和内部饼图的关系,如果外部 ...
最新文章
- 斯坦福大学科学家研发微型植入式神经刺激器
- 科学前进的车轮永不停歇 2018-04-28
- BCB 编写 DLL 终极手册
- leetcode(1)---两数之和
- elasticsearch原理_花几分钟看一下Elasticsearch原理解析与性能调优
- background-size属性100% cover contain
- html居右显示语言设置,iOS开发:纯代码设置UIButton文字居左或者居右显示
- python中list函数_list()函数以及Python中的示例
- dot-files/directories 点开头的文件或文件夹(windows/linux)
- 【逆向】修改软件标题(基于PE Explorer)
- 南通大学《构建之法》课程助教总结
- 德国慕尼黑.NET俱乐部VS2019发布活动
- 毕业论文-word中自动生成中英文双目录(TC域,支持更新不覆盖)
- IPHONE能否成为圣剑?助苹果斩杀群雄!
- 有哪些业务会用到物理服务器?
- 16. FizzBuzz
- 淘宝宝贝详情页的优化技巧
- 智能网联汽车激光雷达工作原理、性能比较与安全性分析
- wince 默认输入法_winCE6.0自带中文输入法加载
- 助力苏州工业园区从“平民公交”转向“全民公交” ⑤
热门文章
- 医学图像处理常用的看图软件介绍及使用(RadiAnt DICOM Viewer、ITK-Snap和3D Slicer)
- 全新版大学英语综合教程第二册学习笔记(原文及全文翻译)——5A - True Height(真正的高度)
- 菜狗centos7.6安装CDH6.1.1(5.13.2)离线集群安装步骤和遇到的各种坑(笔记)
- 未来,能源枯竭可以逆转吗?
- C盘Windows XP,D盘Windows7,双系统安装纪录
- 【飞飞CMS二次开发实录】开篇:安装与运行
- (转载)C# Dictionary
- java8中for循环的几种写法
- 目前最赚钱的5种计算机编程语言
- Qua Vadis Eclipse? 第二部分