用html做一个图表,04做一个简单的图表.html

04做一个简单的图表

* {

padding: 0;

margin: 0;

}

const reactHeight = 25;

const body = d3.select('body');

const svg = body.append('svg')

.attr('width', 500)

.attr('height', 500)

.style('border', '1px solid #ccc')

.style('margin', '100px')

const dataset = [250, 210, 170, 130, 90];

body.select('svg')

.selectAll('rect')

.data(dataset)

.enter()

.append('rect')

.attr('x', 20)

.attr('y', function (data, i) {

return i * reactHeight

})

.attr('width', (data) => {

return data

})

.attr('height', reactHeight - 2)

.attr('fill', '#6bccc4')

一键复制

编辑

Web IDE

原始数据

按行查看

历史

用html做一个图表,04做一个简单的图表.html相关推荐

D3.js的v5版本入门教程（第六章）——做一个简单的图表
D3.js的v5版本入门教程(第六章) 从这一章开始,进入正式的d3,js绘图阶段,有了前面几章基本知识的积累,这样看接下来的绘图代码才不会觉得比较辛苦做一个简单的图表为了做一个简单的图表,我们还 ...
一个既能做CV任务，也能做NLP任务的Transformer模型！谷歌UCLA提出统一的基础模型...
关注公众号,发现CV技术之美本文分享论文『Towards a Uniﬁed Foundation Model: Jointly Pre-Training Transformers on Unpair ...
一个Ext2+SWFUpload做的图片上传对话框
一个Ext2+SWFUpload做的图片上传对话框的例程我们先看看对话框的布局: 布局就是在一个窗口里内嵌一个表格控件,窗口的底部工具条带一个进度条,表格的顶部工具条带几个操作按钮和一个下来选择框, ...
搭建一个jupyter站点做数据分析吧
jupyter jupyter 是一个非常适合做数据分析的工作台.为了可以使得jupyter可以运行在服务器上访问生产环境的数据,今天我要在服务器上搭建一个jupyter站点. 容器为了不和线上的其 ...
一个古帝国做产品的故事
作者:杭州研究院·王安稳今天给大家讲一个古帝国做产品的故事,说的不好别笑话啊. 产品:青苗法需求方:北宋帝国.屁民产品经理:宋神宗交互设计师:王安石一.需求 1068年8月17日,京城地震! ...
java 多个监听_java中监听一个客户端怎么做？监听多个怎么做？
随着时代的不断进步与发展,人们对于科学技术的使用也越来越普遍化.人们都开始自己学习编程语言以更好的适应时代的发展.今天就来为大家介绍一下,java中监听一个客户端怎么做?监听多个怎么做?一起来看看吧. ...
一个form 如何做两次提交_如何做一个优秀的家长
如何做一个优秀的家长文|潍坊坊子崇文中学父母对待孩子无外乎三种情况:一是事事管.时时管,做了很多事,效果却不好:二是什么都不管,什么都不做,放任自流,不闻不问,结果更不好:三是也管但不全管,做得不 ...
新手坐高铁怎么找车厢_一个新手怎么做直播卖衣服？找对货源供应商成功一半...
这两年是直播的"风口",江湖上到处都是年入千万元的传说.服装作为电商第一大品类,门槛低,作为直播新人,大多数人会选择卖衣服开启直播的创业路.那么,一个新手怎么做直播卖衣服?直播卖衣 ...
利用接口做参数，写个计算器，能完成加减乘除运算。（1）定义一个接口Compute含有一个方法int computer(int n, int m)。（2）设计四个类分
代码 /*第二题:利用接口做参数,写个计算器,能完成加减乘除运算.(1)定义一个接口Compute含有一个方法int computer(int n, int m).(2)设计四个类分别实现此接口,完成 ...
一个form 如何做两次提交_如何做一个调酒师
从今天开始我开始更新调酒方面的文章,请各位大佬轻喷,当然,傻x我毫不犹豫的会怼回去. 我为什么要开始写文章那?因为我师父平时工作太忙太累,根本没时间管这个,基本上我就开始替他打理这些文章包括一些一些思 ...

用html做一个图表,04做一个简单的图表.html

用html做一个图表,04做一个简单的图表.html相关推荐

最新文章

热门文章