博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
d3.js 颜色比例尺 d3.scale.category10();
阅读量:5088 次
发布时间:2019-06-13

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

 

var width = 600;        var height = 600;        var dataset = d3.range(10); //返回[0,1,2,3,4,5,6,7,8,9]        console.log(dataset);                 // 定义表示颜色的序数比例尺        var color = d3.scale.category10();        var svg = d3.select("body").append("svg")                                .attr("width",width)                                .attr("height",height);        // 绘制园        var circle = svg.selectAll("circle")                        .data(dataset)                        .enter()                        .append("circle")                        .attr("cx",function(d,i){                            return 20 + i *30;                        })                        .attr("cy",100)                        .attr("r",20)                        .attr("fill",function(d,i){                            return color(i);   //调用颜色比例尺                        })

 

转载于:https://www.cnblogs.com/webmc/p/11077272.html

你可能感兴趣的文章
QML学习笔记之一
查看>>
App右上角数字
查看>>
从.NET中委托写法的演变谈开去(上):委托与匿名方法
查看>>
小算法
查看>>
201521123024 《java程序设计》 第12周学习总结
查看>>
新作《ASP.NET MVC 5框架揭秘》正式出版
查看>>
IdentityServer4-用EF配置Client(一)
查看>>
WPF中实现多选ComboBox控件
查看>>
读构建之法第四章第十七章有感
查看>>
Windows Phone开发(4):框架和页 转:http://blog.csdn.net/tcjiaan/article/details/7263146
查看>>
Unity3D研究院之打开Activity与调用JAVA代码传递参数(十八)【转】
查看>>
python asyncio 异步实现mongodb数据转xls文件
查看>>
TestNG入门
查看>>
【ul开发攻略】HTML5/CSS3菜单代码 阴影+发光+圆角
查看>>
IOS-图片操作集合
查看>>
IO—》Properties类&序列化流与反序列化流
查看>>
测试计划
查看>>
Mysql与Oracle 的对比
查看>>
jquery实现限制textarea输入字数
查看>>
Codeforces 719B Anatoly and Cockroaches
查看>>