js扇形报表

// 引入D3.js库
<script src="https://d3js.org/d3.v7.min.js"></script>

// 数据准备
const data = [
  { label: 'A', value: 30 },
  { label: 'B', value: 20 },
  { label: 'C', value: 50 }
];

// 创建SVG容器
const svg = d3.select('body').append('svg')
  .attr('width', 500)
  .attr('height', 500);

// 创建饼图布局
const pie = d3.pie()
  .value(d => d.value);

// 绘制扇形图
const arc = d3.arc()
  .innerRadius(0)
  .outerRadius(200);

svg.selectAll('.arc')
  .data(pie(data))
  .enter().append('path')
  .attr('class', 'arc')
  .attr('d', arc)
  .style('fill', (d, i) => d3.schemeCategory10[i]); // 使用D3内置颜色方案