小编Yuv*_*j M的帖子

底部弧形切割为d3 js的矩形

在此输入图像描述

我只能得到矩形.无法弄清楚如何在底部生产切口?

define(['jquery', 'knockout', 'd3', 'data/server', 'css!app/css/vista'],function($, ko, d3, server){
	return {		
		activate: function(){
			
		},
		compositionComplete: function(){
			var self = this;						
			self.loadyourRank();
		},
		loadyourRank: function(){
			var data = [3];
			var width = 325, height = 430;
							
			var svgContainer = d3.select("#yourrank")
				.append("svg")
				.attr("width", width)
				.attr("height", height);
			
			svgContainer.selectAll("rect")
				.data(data)
				.enter()
				.append("rect")
				.attr("x", 30)
				.attr("y", 50)
				.attr("width", 255)
				.attr("height", 340)
				.attr("fill", "#F2135D")
				.attr("stroke", "gray");	
			
		}
    };
});
Run Code Online (Sandbox Code Playgroud)
<div class="card">
	<div class="row">
		<div id="yourrank" class="col-xs-4">
			<h4>Your Rank</h4>
		</div>
		<div id="bestrank" class="col-xs-8">
			<h4>Your Best Ranked Specialities</h4> …
Run Code Online (Sandbox Code Playgroud)

html javascript svg data-visualization d3.js

3
推荐指数
1
解决办法
513
查看次数

标签 统计

d3.js ×1

data-visualization ×1

html ×1

javascript ×1

svg ×1