利用d3.js中的pie生成器,加上arc弧
https://github.com/d3/d3-shape/blob/v1.3.4/README.md#pies
效果:
代码:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>d3 pie</title>
</head>
<body>
<div id="chart"></div>
<script src="https://d3js.org/d3.v5.min.js"></script>
<script type="text/javascript">
var color=[
"POWDERBLUE","AQUAMARINE","LIMEGREEN","SEASHELL&#