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 漏斗图示例相关推荐

  1. html 开源 折线图,ECharts折线图(一)

    1.工程目录 2.引入插件angular-1.6.9.echarts-2.2.7 3.js编辑 var app = angular.module('app', []); app.controller( ...

  2. echarts 环形图占比_环形图_仪表盘

    Echarts 常用各类图表模板配置 注意: 这里主要就是基于各类图表,更多的使用 Echarts 的各类配置项: 以下代码都可以复制到 Echarts 官网,直接预览: 图标模板目录 Echarts ...

  3. echarts 环形图

    Echarts 常用各类图表模板配置 注意: 这里主要就是基于各类图表,更多的使用 Echarts 的各类配置项: 以下代码都可以复制到 Echarts 官网,直接预览: 图标模板目录 Echarts ...

  4. echarts 折线图 + 柱状图

    Echarts 常用各类图表模板配置 注意: 这里主要就是基于各类图表,更多的使用 Echarts 的各类配置项: 以下代码都可以复制到 Echarts 官网,直接预览: 图标模板目录 Echarts ...

  5. vue + echarts 漏斗图 实现里面数据 外面标签 漏斗不随值改变而变形

    vue echarts 漏斗 最近有一个需求漏斗统计,采用的echarts来实现 需要实现如下效果 最初版本 旁边有描述,里面要有值: 第一步 首先在项目里安装echarts; npm install ...

  6. Echarts 漏斗图

    实例: 本节任务 任务一:漏斗图或金字塔图 任务描述 漏斗图(funnel)是倒三角形的条形图,金字塔是正三角形的条形图,这两者适用于业务流程比较规范.周期较长.环节较多的流程分析.漏斗图也是常用的B ...

  7. Echarts数据可视化 第4章 Echarts可视化图 4.7 漏斗图

    Echarts数据可视化 文章目录 Echarts数据可视化 第4章 Echarts可视化图 4.7 漏斗图 Echarts数据可视化:入门.实战与进阶 第4章 Echarts可视化图 4.7 漏斗图 ...

  8. charts漏斗图表_ECharts漏斗图属性与实例介绍

    ECharts漏斗图 在 ECharts 系列中,漏斗图使用 series[i]-funnel 表示.漏斗图适用于业务流程比较规范.周期长.环节多的流程分析,通过漏斗各环节业务数据的比较,能够直观地发 ...

  9. Tableau绘制漏斗图、甘特图、瀑布图、镶边面积图、阴影坡度图

    Tableau绘制漏斗图.甘特图.瀑布图.镶边面积图.阴影坡度图 本文首发于博客冰山一树Sankey,去博客浏览效果更好.直接右上角搜索该标题即可 一. 漏斗图 数据源 1.1 分色直条漏斗图 (1) ...

最新文章

  1. javascript之变量,作用域和内存问题
  2. 程序员水平分级 你属于哪一类?
  3. 编写你的第一个 Django 应用,第 2 部分
  4. HBase shell命令行
  5. winform数据传递到html,C#下winform和JS的互相调用和传参(webbrowser)
  6. 什么是Docker?看这一篇干货文章就够了!
  7. mysql中表的约束,主键外键唯一键
  8. 点石关键词排名优化软件_福建关键词优化软件有哪些
  9. [Ubuntu] 查看内核和版本号
  10. 利用boost获取时间并格式化
  11. 进程 线程 协程_进程 线程 协程 管程 纤程 概念对比理解
  12. CT一般扫描参数_最实用GE 64排 CT扫描技术请保存、收藏
  13. java selenium回车键_JavaSelenium 模拟键盘方法封装
  14. 【网络编程】-40 数据链路层之以太网、MAC、MTU详解
  15. Problem : 美丽黄山II
  16. ID卡线圈和IC卡线圈的区别
  17. 云服务显示服务器异常,云服务器显示异常登录
  18. 10大耗油,10大省油。
  19. abp学习日志九(总结)
  20. udevinfo__ udevadm info

热门文章

  1. 国防科技大学计算机专业录取条件,国防科技大学录取条件
  2. QQ盗号软件后门分析与反击
  3. 在PowerShell中将QuickBooks在线数据导入QuickBooks桌面
  4. 【报告分享】2020百度美妆行业研究-人群篇-百度营销(附下载)
  5. 5g网络模式是以什么划分的_5G基础知识及试题
  6. 开源博客项目eblog完整搭建教程!
  7. android bilibili弹幕技术解析,bilibili弹幕爬取与比对分析
  8. 万科为并购平台投资39亿,王石退路浮出水面
  9. SAP所有模块用户出口(User Exits) 二
  10. matlab示波器怎么求值,matlab示波器用法