Chart.js 如何在chart js中设置饼图的样式？我想改变边框颜色，边框宽度，给他们阴影

这是我的HTML div:

<canvas id="mycanvas" width="290" height="140"></canvas>

$(document).ready(function() {
  var ctx = $("#mycanvas").get(0).getContext("2d");    
  var data = [{
      value: 923864,
      color: "#58508d",
      highlight: "#003f5c",
      label: "Dr. John",
    },
    {
      value: 720988,
      color: "#3292b0",
      highlight: "#6fefff",
      label: "Alex"
    },
    {
      value: 179539,
      color: "orange",
      highlight: "darkblue",
      label: "Other",
    },
  ];
  var piechart = new Chart(ctx).Pie(data);
});

---

首先，您应该升级到最稳定的Chart.js版本，目前是v2.9.4

数据集

接受可定义用于设置边框样式的数量。其颜色和宽度通过以下各项进行控制

• 边框颜色

  弧形边框颜色

• 边框宽度

  弧形边框宽度（以像素为单位）

要查看阴影，可以使用。API提供了一系列钩子，可用于执行自定义代码。例如，在

beforeDraw

中，可以通过阴影绘制一个圆

请看下面修改后的代码，看看它是如何工作的

新图表（'canvas'{
键入“pie”，
插件：[{
绘制前：图表=>{
var ctx=chart.chart.ctx；
ctx.save（）；
ctx.beginPath（）；
ctx.fillStyle='白色'；
ctx.shadowColor='黑色'；
ctx.shadowBlur=20；
ctx.shadowOffsetX=-10；
ctx.shadowOffsetY=0；
常数x=chart.chart.width/2；
常数y=chart.chart.height/2+15；
弧（x，y，95，0，数学π*2，假）；
ctx.fill（）；
ctx.restore（）；
}
}],
数据：{
标签：[“约翰博士”、“亚历克斯”、“其他”]，
数据集：[{
数据：[923864720988179539]，
背景颜色：['#58508d'，'#3292b0'，'橙色']，
hoverBackgroundColor:['003f5c'、'6fefff'、'darkblue']，
边框宽度：0
}],
},
选项：{
回答：错，
布局：{
填充：{
前15名，
底数：20
}
}
}
});
谢谢你，伙计。看起来新版本不再下载了，需要下载整个GitHub存储库或链接其CDN版本？？我没有在他们的存储库中找到chart.js文件来复制并粘贴到我的本地机器上，除非我像你们在这里一样链接它的实时版本。（365 KB）