在Dimple.JS中创建不完整的饼图

我有一个饼图，需要缺少10％的缺失片。我有以下代码，但饼总是100％。在Dimple.JS中创建不完整的饼图

 var myChart = new dimple.chart(svg, data); 
     myChart.setBounds(50, 50, 180, 180); 
     myChart.defaultColors = chartOptions.colors; 
     myChart.data.startAngle = 0; 
     myChart.data.endAngle = (2 * Math.PI * 0.9); 

     myAxis = myChart.addMeasureAxis('p', 'amount'); 

     var mySeries = myChart.addSeries('legend', dimple.plot.pie);

如何使馅饼小于100％？上面的例子需要pe为90％。

来源

2017-07-28 cdub

我可以看到唯一的办法破解到这个dimple.js是用假数据点，你战平后隐藏：

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <script data-require="[email protected]" data-semver="3.4.6" src="//cdnjs.cloudflare.com/ajax/libs/d3/3.4.6/d3.min.js"></script> 
 
    <script data-require="[email protected]" data-semver="2.1.2" src="//cdnjs.cloudflare.com/ajax/libs/dimple/2.1.2/dimple.latest.min.js"></script> 
 
</head> 
 

 
<body> 
 
    <script> 
 
    
 
    var svg = d3.select('body') 
 
     .append('svg') 
 
     .attr('width', 500) 
 
     .attr('height', 500); 
 
    
 
    var data = [ 
 
     { "legend":"one", "amount": 2000 }, 
 
     { "legend":"two", "amount": 2000 * 0.10 } 
 
    ]; 
 

 
    var myChart = new dimple.chart(svg, data); 
 
    myChart.setBounds(50, 50, 180, 180); 
 
    myAxis = myChart.addMeasureAxis('p', 'amount'); 
 
    var mySeries = myChart.addSeries('legend', dimple.plot.pie); 
 

 
    myChart.draw(); 
 
    
 
    d3.select(".dimple-two") 
 
     .style("display", "none"); 
 
     
 
    </script> 
 
</body> 
 

 
</html>

来源

2017-07-29 14:31:50 Mark

在Dimple.JS中创建不完整的饼图

回答

相关问题