D3.js 如何将我的真实数据合并到饼图中

    var aColor = [
        'rgb(127, 212, 123)', //green
        'rgb(240, 149, 164)', // red
        'rgb(181, 174, 175)' //gray
    ]
    
    var data = [{
        "platform": "Yes",
        "percentage": 87.00
    }, //skyblue
    {
        "platform": "No",
        "percentage": 1.00
    }, //darkblue
    {
        "platform": "N/A",
        "percentage": 17.00
    }]; //orange
    
    var svgWidth = 200,
        svgHeight = 200,
        radius = Math.min(svgWidth, svgHeight) / 2;
    
    var svg = d3.select('#graph1').append("svg")
        .attr("width", svgWidth)
        .attr("height", svgHeight);
    
    //Create group element to hold pie chart    
    var g = svg.append("g")
        .attr("transform", "translate(" + radius + "," + radius + ")");
    
    var pie = d3.layout.pie().value(function (d) {
        return d.percentage;
    });
    
    var path = d3.svg.arc()
        .outerRadius(80)
        .innerRadius(40);
    
    var arc = g.selectAll("arc")
        .data(pie(data))
        .enter()
        .append("g")
        .sort((a, b) => b.data.percentage - a.data.percentage);
    
    arc.append("path")
        .attr("d", path)
        .attr("fill", function (d, i) { return aColor[i]; });
    
    var label = d3.svg.arc()
        .outerRadius(20)
        .innerRadius(100);
    
    arc.append("text")
        .attr("transform", function (d) {
            return "translate(" + label.centroid(d) + ")";
        })
        .attr("text-anchor", "middle")
        .text(function (d) {
            return +d.data.percentage;
        });

<script src="https://d3js.org/d3.v3.min.js"></script>
<div id="graph1"></div>