Title

var data = [[15, 0], [-50, 10], [-56.5, 20], [-46.5, 30], [-22.1, 40]];

var myChart = echarts.init(document.getElementById('main'));

myChart.setOption({

tooltip : {

trigger: 'axis',

axisPointer : { // 坐标轴指示器,坐标轴触发有效

type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'

}

},

legend: {

data:['支出', '收入']

},

grid: {

left: '3%',

right: '4%',

bottom: '3%',

containLabel: true

},

xAxis : [

{

type : 'value',

axisLabel:{

formatter:function(value) {

return Math.abs(value);

}

}

}

],

yAxis : [

{

type : 'category',

axisTick : {show: false},

data : ['周一','周二','周三','周四','周五','周六','周日']

}

],

series : [

{

name:'收入',

type:'bar',

stack: '总量',

data:[320, 302, 341, 374, 390, 450, 420]

},

{

name:'支出',

type:'bar',

stack: '总量',

data:[-120, -132, -101, -134, -190, -230, -210]

}

]

});

金字塔图表 html,echarts 金字塔相关推荐

  1. R语言ggplot2可视化:可视化人口金字塔图、人口金字塔显示不同性别不同年龄段的人口数,是了解人口组成的最优可视化方法、人口金字塔图可以用来表示按体积排序的群体的分布、形成漏斗结构

    R语言ggplot2可视化:可视化人口金字塔图.人口金字塔显示不同性别不同年龄段的人口数,是了解人口组成的最优可视化方法.人口金字塔图可以用来表示按体积排序的群体的分布.形成漏斗结构(Populati ...

  2. Python使用matplotlib可视化人口金字塔图、人口金字塔显示不同性别不同年龄段的人口数,是了解人口组成的最优可视化方法、人口金字塔图可以用来表示按体积排序的群体的分布、形成漏斗结构

    Python使用matplotlib可视化人口金字塔图.人口金字塔显示不同性别不同年龄段的人口数,是了解人口组成的最优可视化方法.人口金字塔图可以用来表示按体积排序的群体的分布.形成漏斗结构(Popu ...

  3. 多重循环 ——— 打印九九乘法表 || 经典的打印金字塔(打印整个金字塔 打印空心金字塔 打印空心菱形金字塔)

    打印九九乘法表 分析:每层左边空格的个数=总层数-第几层(i) 每一层的第一个*的位置是   1               每一层的最后一个*的位置是  2i-1 ​ #include <st ...

  4. 最新开源JavaScript 图表库 ECharts推荐

    ECharts是一款由百度前端技术部开发的,基于Javascript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表. ECharts 提供大量常用的数据可视化图表,底层基于Z ...

  5. 一个强大的图表库 -- ECharts

    ECharts 是百度发布非常良心一个产品 官网首页:http://echarts.baidu.com/ ECharts特征的介绍页:http://echarts.baidu.com/feature. ...

  6. 基于html5 Canvas图表库 : ECharts

    基于html5 Canvas图表库 : ECharts 分类 编程技术 ECharts开源来自百度商业前端数据可视化团队,基于html5 Canvas,是一个纯Javascript图表库,提供直观,生 ...

  7. Sift中尺度空间、高斯金字塔、差分金字塔(DOG金字塔)、图像金字塔

    本文为转发文章,只作私人记录用途.原文及其相关讨论请移步: https://blog.csdn.net/dcrmg/article/details/52561656 一. 图像金字塔 图像金字塔是一种 ...

  8. tif构建金字塔失败arcgis_arcgis构建金字塔

    摘要:在对影像构建金字塔的过程中,有一个问题常常困扰着我们,那就是如何提速金字塔的构建?下面我们就一起来看几个增速金字塔构建的小窍门. 在对影像构建金字塔的过程中,有一个问题常常困扰着我们,那就是如何 ...

  9. 什么是ECharts?前端图表框架echarts详解

    在web开发项目过程中,经常会有需要绘制图标的情况,简单的图表可以用canvas来绘制,但是遇到复杂的图标canvas无法满足其功能,遇到这种情况怎么办呢?别着急,今天为大家推荐一款前端大佬都备受青睐 ...

最新文章

  1. 转://点评Oracle11g新特性之动态变量窥视
  2. Progressbar 实现从右向左 加载(逆向)
  3. 朋友圈玩分身术!逼死用户的节奏?
  4. 详解python的super()的作用和原理
  5. 静态static关键字修饰成员方法
  6. 160 - 28 CoSH.2
  7. 正则表达式符号解释1
  8. mysql图片_往MySQL中存储图片的方法
  9. 升级的Electric Cloud平台增添了大型机和微服务功能
  10. android怎样降版本,Android7.0 APP降级方法
  11. 可视化驱动治理:公共交通系统的可视化实践
  12. Matlab创建M文件以及程序控制
  13. 分位数回归及Stata实现
  14. Android手势密码解锁
  15. csv文件超过104万数据怎么办
  16. Python123第六周编程题
  17. html自动轮播计时器不准,自己做的jQuery轮播图,大家帮忙看一下,能自动轮播,定时器,点击按钮不起用...
  18. C++查询文本中所有单词出现的频率,并且根据出现次数由多到少依次排列。
  19. 视频|《8问》浙江大学张宏鑫:边缘计算或许是区块链的福音
  20. Jet Aviation Basel基于Siemens PLM Software解决方案构建其未来数字化战略

热门文章

  1. 培训材料设计之 夏虫不可语以冰
  2. Android实现图片放大缩小
  3. 让猛男娇羞的AI算法
  4. 对大学生就业难的认识
  5. spring cloud读取配置文件
  6. spring cloud--微服务
  7. [CCFwithAxin]201709-2公共钥匙盒
  8. ACM四五周学习总结
  9. jQuery 经典表单应用
  10. python实现rar解压和压缩