d3.js 颜色比例尺 d3.scale.category10();
Posted webmc
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了d3.js 颜色比例尺 d3.scale.category10();相关的知识,希望对你有一定的参考价值。
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); //调用颜色比例尺 )
以上是关于d3.js 颜色比例尺 d3.scale.category10();的主要内容,如果未能解决你的问题,请参考以下文章