博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
D3js-堆栈图
阅读量:6679 次
发布时间:2019-06-25

本文共 633 字,大约阅读时间需要 2 分钟。

效果图:

源代码:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%>              D3 -堆栈图	        		         
其中y和y0的介绍:y表示矩形(柱状体)的高度,y0表示这个柱状体的起始高度(即这个矩形从哪里开始绘制)

解释一下上图:(以绘制的第一排柱状体为例)

绘制出来是下面这个效果

第一个矩形(最下面那个蓝色矩形)起始位置y0是0,它的高度y(也就是数据中profit的值)是3000;中间那个矩形它在第一个矩形上面所以它的起始高度y0是3000,而它的高度y是2000;最上面那层矩形它的起始高度是下面两个矩形的高度和就是5000,它的高度y是1100。这就是y和y0所表示的意思。

来源网站:http://www.ourd3js.com/wordpress/?p=1007

版权声明:本文为博主原创文章,未经博主允许不得转载。

转载于:https://www.cnblogs.com/lovelyx/p/4867069.html

你可能感兴趣的文章
实战DeviceIoControl 之一:通过API访问设备驱动程序
查看>>
MFC消息循环
查看>>
配置Spring数据源
查看>>
Jquery元素追加和删除
查看>>
QtWidget: 鼠标拖动窗口(没有标题栏时)
查看>>
数据挖掘
查看>>
Lightning Lessons 史上最蛋疼的英文题
查看>>
JS 实现图片预加载
查看>>
database link 使用<转>
查看>>
WPF换肤系列索引
查看>>
surfaceview 与 view 的区别
查看>>
JavaScript document属性和方法
查看>>
svn命令备份
查看>>
Linux下安装中文输入法
查看>>
嵌入式数据库Perst
查看>>
【SQL语法】系列11:IN 操作符
查看>>
二进制转成十六进制
查看>>
【民间图灵奖】读《图灵的秘密》写读后感获图灵水杯
查看>>
python 动态创建类
查看>>
推荐windows下两个科学用python集成套件
查看>>