html页面漏斗图,echarts 漏斗图示例
option = {
color: ['#298DFF', '#2EC25B', '#FBD337'],
backgroundColor: '#FFFFFF',
barWidth: 8,
title: {
text: '漏斗图'
},
tooltip: {
axisPointer: {
type: 'shadow'
},
trigger: 'item',
formatter: '{b} : {c}'
},
grid: {
left: '1%',
right: '4%',
bottom: '3%',
containLabel: true
},
series: [
{
name: '',
type: 'funnel',
left: '5%',
right: '35%',
itemStyle: { //去掉默认白色边框线
borderWidth: 0,
borderColor: '#fff'
},
label: {
show: true,
formatter: "{b|{b}} "+"{b|:}"+"\n\n{a|{c}}",
rich: {
a: {
color: '#595959',
fontSize: 12
},
b: {
color: '#595959',
fontSize: 12
}
}
},
labelLine: {
length: 50,
lineStyle: {
width: 1,
color: '#ECECEC',
type: 'solid'
}
},
data: [
{ name: '数量1',value: '7500.00' },
{ name: '数量2',value: '4000.00' },
{ name: '数量3',value: '2000.00' }
]
}
]
}
html页面漏斗图,echarts 漏斗图示例相关推荐
- html 开源 折线图,ECharts折线图(一)
1.工程目录 2.引入插件angular-1.6.9.echarts-2.2.7 3.js编辑 var app = angular.module('app', []); app.controller( ...
- echarts 环形图占比_环形图_仪表盘
Echarts 常用各类图表模板配置 注意: 这里主要就是基于各类图表,更多的使用 Echarts 的各类配置项: 以下代码都可以复制到 Echarts 官网,直接预览: 图标模板目录 Echarts ...
- echarts 环形图
Echarts 常用各类图表模板配置 注意: 这里主要就是基于各类图表,更多的使用 Echarts 的各类配置项: 以下代码都可以复制到 Echarts 官网,直接预览: 图标模板目录 Echarts ...
- echarts 折线图 + 柱状图
Echarts 常用各类图表模板配置 注意: 这里主要就是基于各类图表,更多的使用 Echarts 的各类配置项: 以下代码都可以复制到 Echarts 官网,直接预览: 图标模板目录 Echarts ...
- vue + echarts 漏斗图 实现里面数据 外面标签 漏斗不随值改变而变形
vue echarts 漏斗 最近有一个需求漏斗统计,采用的echarts来实现 需要实现如下效果 最初版本 旁边有描述,里面要有值: 第一步 首先在项目里安装echarts; npm install ...
- Echarts 漏斗图
实例: 本节任务 任务一:漏斗图或金字塔图 任务描述 漏斗图(funnel)是倒三角形的条形图,金字塔是正三角形的条形图,这两者适用于业务流程比较规范.周期较长.环节较多的流程分析.漏斗图也是常用的B ...
- Echarts数据可视化 第4章 Echarts可视化图 4.7 漏斗图
Echarts数据可视化 文章目录 Echarts数据可视化 第4章 Echarts可视化图 4.7 漏斗图 Echarts数据可视化:入门.实战与进阶 第4章 Echarts可视化图 4.7 漏斗图 ...
- charts漏斗图表_ECharts漏斗图属性与实例介绍
ECharts漏斗图 在 ECharts 系列中,漏斗图使用 series[i]-funnel 表示.漏斗图适用于业务流程比较规范.周期长.环节多的流程分析,通过漏斗各环节业务数据的比较,能够直观地发 ...
- Tableau绘制漏斗图、甘特图、瀑布图、镶边面积图、阴影坡度图
Tableau绘制漏斗图.甘特图.瀑布图.镶边面积图.阴影坡度图 本文首发于博客冰山一树Sankey,去博客浏览效果更好.直接右上角搜索该标题即可 一. 漏斗图 数据源 1.1 分色直条漏斗图 (1) ...
最新文章
- javascript之变量,作用域和内存问题
- 程序员水平分级 你属于哪一类?
- 编写你的第一个 Django 应用,第 2 部分
- HBase shell命令行
- winform数据传递到html,C#下winform和JS的互相调用和传参(webbrowser)
- 什么是Docker?看这一篇干货文章就够了!
- mysql中表的约束,主键外键唯一键
- 点石关键词排名优化软件_福建关键词优化软件有哪些
- [Ubuntu] 查看内核和版本号
- 利用boost获取时间并格式化
- 进程 线程 协程_进程 线程 协程 管程 纤程 概念对比理解
- CT一般扫描参数_最实用GE 64排 CT扫描技术请保存、收藏
- java selenium回车键_JavaSelenium 模拟键盘方法封装
- 【网络编程】-40 数据链路层之以太网、MAC、MTU详解
- Problem : 美丽黄山II
- ID卡线圈和IC卡线圈的区别
- 云服务显示服务器异常,云服务器显示异常登录
- 10大耗油,10大省油。
- abp学习日志九(总结)
- udevinfo__ udevadm info
热门文章
- 国防科技大学计算机专业录取条件,国防科技大学录取条件
- QQ盗号软件后门分析与反击
- 在PowerShell中将QuickBooks在线数据导入QuickBooks桌面
- 【报告分享】2020百度美妆行业研究-人群篇-百度营销(附下载)
- 5g网络模式是以什么划分的_5G基础知识及试题
- 开源博客项目eblog完整搭建教程!
- android bilibili弹幕技术解析,bilibili弹幕爬取与比对分析
- 万科为并购平台投资39亿,王石退路浮出水面
- SAP所有模块用户出口(User Exits) 二
- matlab示波器怎么求值,matlab示波器用法