javascript - 图表js,饼图去掉borderradius
问题描述
有什么可能的方法可以将派蓝色部分移出吗?
并移除我边界上的小尖刺?
我试过查看代码中边框的呈现方式。
任何人都可以帮忙吗?
这就是我的饼图现在的样子
更新:
我已经删除了奇怪的边框。现在的问题是我如何将它从中间移出更多...有人对此有解决方案吗?
解决方案
borderWidth
是你的朋友
var ctx = document.getElementById("myChart").getContext('2d');
var myChart = new Chart(ctx, {
type: 'pie',
data: {
labels: ["Green", "Blue", "Gray", "Purple", "Yellow", "Red", "Black"],
datasets: [{
backgroundColor: [
"#2ecc71",
"#3498db",
"#95a5a6",
"#9b59b6",
"#f1c40f",
"#e74c3c",
"#34495e"
],
borderWidth: [0, 0, 0, 0, 0, 0, 0],
data: [12, 19, 3, 17, 28, 24, 7]
}]
}
});
推荐阅读
- google-apps-script - Google Sheet 脚本:使用 getActiveSheet() 重置活动单元格
- python - 在 HPC 上运行并行 python 程序
- reactjs - Formik with Yup - 使用 test() 函数时抛出异常
- oracle - PL/SQL:在选择范围内选择声明变量以获取百分比
- machine-learning - 上置信界算法的感觉
- javascript - 在 Mocha/Chai 测试中测试时可能允许 SyntaxErrors 吗?
- javascript - 如何在 Angular 中创建全局函数/变量(在窗口中)以供用户与开发工具/浏览器控制台交互?
- c# - 文本框为空时 C# WPF 应用程序崩溃
- java - 包含布局时如何解决 inflateException 问题?
- python - 加速度计采样的恒定数据历史