有没有办法从d3pie上的圆弧中删除笔画或边框

我一直在试图从d3pie中删除笔画，并没有运气，没有任何教程，甚至没有发电机没有一个选择删除中风，只是改变它的颜色，即时通讯想知道如果它甚至有可能摆脱中风。这是迄今为止的甜甜圈图的代码。任何帮助将不胜感激。由于有没有办法从d3pie上的圆弧中删除笔画或边框

var pie = new d3pie("pieChart", { 
    "header": { 
     "title": { 
      "fontSize": 24, 
      "font": "open sans" 
     }, 
     "subtitle": { 
      "color": "#999999", 
      "fontSize": 12, 
      "font": "open sans" 
     }, 
     "location": "top-left", 
     "titleSubtitlePadding": 9 
    }, 
    "footer": { 
     "color": "#999999", 
     "fontSize": 10, 
     "font": "open sans", 
     "location": "bottom-left" 
    }, 
    "size": { 
     "canvasHeight": 400, 
     "canvasWidth": 400, 
     "pieInnerRadius": "68%", 
     "pieOuterRadius": "100%" 
    }, 
    "data": { 
     "sortOrder": "label-desc", 
     "content": [ 
      { 
       "label": "Natty", 
       "value": 1, 
       "color": "#fb0000" 
      }, 
      { 
       "label": "Nah", 
       "value": 1, 
       "color": "#000000" 
      } 
     ] 
    }, 
    "labels": { 
     "outer": { 
      "format": "none", 
      "pieDistance": 32 
     }, 
     "inner": { 
      "format": "none", 
      "hideWhenLessThanPercentage": 3 
     } 
    }, 
    "tooltips": { 
     "enabled": true, 
     "type": "placeholder", 
     "string": "{label}: {value}, {percentage}%", 
     "styles": { 
      "padding": 10 
     } 
    }, 
    "effects": { 
     "pullOutSegmentOnClick": { 
      "effect": "linear", 
      "speed": 400, 
      "size": 8 
     } 
    } 
});

<div id="pieChart"></div> 

<script src="http://cdnjs.cloudflare.com/ajax/libs/d3/3.4.4/d3.min.js"></script> 
<script src="d3pie.min.js"></script>

结果： Screenshot of donut chart used as a progress indicator

来源

2014-12-21 user3822484

如果你不能找到答案[图书馆的帮助页面]（http://d3pie.org/#help），你可以[在github上提出问题]（https://github.com/benkeen/d3pie/issues），要求作者实施该选项。或者，您可以自己修改库代码，或者在绘制并重置样式属性后重新选择路径。 – AmeliaBR

你应该能够通过CSS删除中风。这就是为什么没有直接选择它的原因。只需在浏览器中打开开发工具，选择arc元素来找出合适的类名，然后设置stroke: none（或任何你想要的）。

来源

2014-12-21 04:42:09 Bill

起初它不会重写内部，但是在我添加一个！重要标签后，它工作得很好。谢谢。 – user3822484

svg.selectAll('rect') 
     .on("mouseover", function(d) { 
      var e = d3.select(this) 
      e.attr('stroke', '#2378ae') 
      e.attr('stroke-width', '3'); 
     }) 

     .on("mouseout", function(d){ 
      d3.selectAll('rect').attr("stroke", "none"); 
});

这将TOGLE您的矩形条，我不知道在那个馅饼，希望这会给你的想法，D3具有的功能与使用CSS来播放，

来源

2017-02-17 12:08:06 KEKUATAN

有没有办法从d3pie上的圆弧中删除笔画或边框

回答

相关问题