金字塔图表 html,echarts 金字塔
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 金字塔相关推荐
- R语言ggplot2可视化:可视化人口金字塔图、人口金字塔显示不同性别不同年龄段的人口数,是了解人口组成的最优可视化方法、人口金字塔图可以用来表示按体积排序的群体的分布、形成漏斗结构
R语言ggplot2可视化:可视化人口金字塔图.人口金字塔显示不同性别不同年龄段的人口数,是了解人口组成的最优可视化方法.人口金字塔图可以用来表示按体积排序的群体的分布.形成漏斗结构(Populati ...
- Python使用matplotlib可视化人口金字塔图、人口金字塔显示不同性别不同年龄段的人口数,是了解人口组成的最优可视化方法、人口金字塔图可以用来表示按体积排序的群体的分布、形成漏斗结构
Python使用matplotlib可视化人口金字塔图.人口金字塔显示不同性别不同年龄段的人口数,是了解人口组成的最优可视化方法.人口金字塔图可以用来表示按体积排序的群体的分布.形成漏斗结构(Popu ...
- 多重循环 ——— 打印九九乘法表 || 经典的打印金字塔(打印整个金字塔 打印空心金字塔 打印空心菱形金字塔)
打印九九乘法表 分析:每层左边空格的个数=总层数-第几层(i) 每一层的第一个*的位置是 1 每一层的最后一个*的位置是 2i-1 #include <st ...
- 最新开源JavaScript 图表库 ECharts推荐
ECharts是一款由百度前端技术部开发的,基于Javascript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表. ECharts 提供大量常用的数据可视化图表,底层基于Z ...
- 一个强大的图表库 -- ECharts
ECharts 是百度发布非常良心一个产品 官网首页:http://echarts.baidu.com/ ECharts特征的介绍页:http://echarts.baidu.com/feature. ...
- 基于html5 Canvas图表库 : ECharts
基于html5 Canvas图表库 : ECharts 分类 编程技术 ECharts开源来自百度商业前端数据可视化团队,基于html5 Canvas,是一个纯Javascript图表库,提供直观,生 ...
- Sift中尺度空间、高斯金字塔、差分金字塔(DOG金字塔)、图像金字塔
本文为转发文章,只作私人记录用途.原文及其相关讨论请移步: https://blog.csdn.net/dcrmg/article/details/52561656 一. 图像金字塔 图像金字塔是一种 ...
- tif构建金字塔失败arcgis_arcgis构建金字塔
摘要:在对影像构建金字塔的过程中,有一个问题常常困扰着我们,那就是如何提速金字塔的构建?下面我们就一起来看几个增速金字塔构建的小窍门. 在对影像构建金字塔的过程中,有一个问题常常困扰着我们,那就是如何 ...
- 什么是ECharts?前端图表框架echarts详解
在web开发项目过程中,经常会有需要绘制图标的情况,简单的图表可以用canvas来绘制,但是遇到复杂的图标canvas无法满足其功能,遇到这种情况怎么办呢?别着急,今天为大家推荐一款前端大佬都备受青睐 ...
最新文章
- 转://点评Oracle11g新特性之动态变量窥视
- Progressbar 实现从右向左 加载(逆向)
- 朋友圈玩分身术!逼死用户的节奏?
- 详解python的super()的作用和原理
- 静态static关键字修饰成员方法
- 160 - 28 CoSH.2
- 正则表达式符号解释1
- mysql图片_往MySQL中存储图片的方法
- 升级的Electric Cloud平台增添了大型机和微服务功能
- android怎样降版本,Android7.0 APP降级方法
- 可视化驱动治理:公共交通系统的可视化实践
- Matlab创建M文件以及程序控制
- 分位数回归及Stata实现
- Android手势密码解锁
- csv文件超过104万数据怎么办
- Python123第六周编程题
- html自动轮播计时器不准,自己做的jQuery轮播图,大家帮忙看一下,能自动轮播,定时器,点击按钮不起用...
- C++查询文本中所有单词出现的频率,并且根据出现次数由多到少依次排列。
- 视频|《8问》浙江大学张宏鑫:边缘计算或许是区块链的福音
- Jet Aviation Basel基于Siemens PLM Software解决方案构建其未来数字化战略