D3.js的V5版本-Vue框架中使用(第七章) ---饼状图(pie)_vue d3.js d3.arc

作者：繁依Fanyi0 | 2024-02-23 01:21:22

踩

vue d3.js d3.arc

一. api简介

为了画饼状图需要知道了解以下知识点：

1.弧生成器

(1). 官方api带参或不带参数效果一样：innerRadius(num)-内半径；outerRadius(num)-外半径;

var arc = d3.arc()
    .innerRadius(0)
    .outerRadius(100)
    .startAngle(0)
    .endAngle(Math.PI / 2);

arc(); // "M0,-100A100,100,0,0,1,100,0L0,0Z"

let arc = d3.arc();

arc({
  innerRadius: 0,
  outerRadius: 100,
  startAngle: 0,
  endAngle: Math.PI / 2
}); //

或者：

let arc = d3.arc()
    .innerRadius(0)
    .

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/132662