javascript - 如何从Chart.js饼图中删除白色边框？

我正在使用Chart.js饼图，并且想删除切片之间的白线。有人可以告诉我这样做的方法吗？提前致谢

我没有在文档中看到任何东西。

    <div class="pie-chart">
         <div id="canvas-holder">
              <canvas id="chart-area" width="250" height="250"/>
         </div>
    </div>

最佳答案

更新

有关Chart.js的较新版本(即2.2.2和更高版本)，请参见@grebenyuksv's answer。

此答案是为Chart.js的较旧版本(即1.0.2)添加的。

原始答案

只需配置图表的选项即可隐藏线
segmentShowStroke: false
像这样:

//create chart
var ctx = document.getElementById("myChart").getContext("2d");

var data = [{
  value: 300,
  color: "#F7464A",
  highlight: "#FF5A5E",
  label: "Red"
}, {
  value: 50,
  color: "#46BFBD",
  highlight: "#5AD3D1",
  label: "Green"
}, {
  value: 100,
  color: "#FDB45C",
  highlight: "#FFC870",
  label: "Yellow"
}];

var options = {
  //Boolean - Whether we should show a stroke on each segment
  // set to false to hide the space/line between segments
  segmentShowStroke: false
};

// For a pie chart
var myPieChart = new Chart(ctx).Pie(data, options);

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.js"></script>
<canvas id="myChart" width="200" height="200"></canvas>