Man*_*olo 5 javascript chart.js
按照Chart.js 文档,我尝试在饼图中绘制透明描边线:
var options = { segmentStrokeColor: "rgba(255,255,255,0)" };
Run Code Online (Sandbox Code Playgroud)
或者
var options = { segmentStrokeColor: "transparent" };
Run Code Online (Sandbox Code Playgroud)
但描边线不是用这些值绘制的。当然,如果我使用任何其他颜色,它也可以。
边框或线段描边绘制在扇区上。因此,如果您将颜色设置为透明,您将不会看到扇区之间有任何间隙(我认为这就是您所期望的)。几乎就像将storkewidth 设置为0 一样。
如果您将segmentStrokeWidth设置为足够高的值并设置半透明值,即类似的值,那么这是非常明显的
var myPieChart = new Chart(ctx).Pie(data, {
segmentStrokeWidth: 20,
segmentStrokeColor: "rgba(255, 255, 255, 0.4)"
});
Run Code Online (Sandbox Code Playgroud)
对比这个小提琴 - http://jsfiddle.net/tabb8gy0/与这个 - http://jsfiddle.net/m2k62fgp/
| 归档时间: |
|
| 查看次数: |
5979 次 |
| 最近记录: |