Javascript 图表图标位置

ChartJs饼图在图例中有4个默认位置：顶部、底部、左侧和右侧。但是需要这样的东西：

如果需要，我有一个默认图例样式的小示例：

有人知道怎么做吗？

你可以使用

请参阅下面的代码。我希望这能解决问题

快乐编码：）

var oilvanvas=document.getElementById（“oilChart”）；
Chart.defaults.global.defaultFontFamily=“Lato”；
Chart.defaults.global.defaultFontSize=18；
var油期权={
插件：{
标签：[{
渲染：“百分比”，
位置：'外部'，
文本边距：6，
渲染：函数（args）{
返回`${args.label}（${args.value}%）`
}
}]
},
图例：{
显示：假
},
}
var oilData={
标签：[
“沙特阿拉伯”，
“俄罗斯”，
“伊拉克”，
“阿联酋”，
“加拿大”
],
数据集：[{
数据：[133.3,86.2,52.2,51.2,50.2]，
背景颜色：[
“#FF6384”，
“#63FF84”，
“"84FF63”，
“#8463FF”，
“#6384FF”
]
}]
};
var pieChart=新图表（油画{
键入“pie”，
数据：oilData，
选项：油选项
});


  options: {
    legend: {
      position: 'bottom'
    }
  }