echarts - echarts 中的圆角条
问题描述
有没有办法使 ECharts 图表中的条形变圆,例如此处的示例?
解决方案
利用roundCap:true
series: [{
type: 'bar',
data: [4, 3, 2, 1, 0],
coordinateSystem: 'polar',
name: 'Without Round Cap',
color: 'rgba(200, 0, 0, 0.5)',
itemStyle: {
borderColor: 'red',
borderWidth: 1
}
}, {
type: 'bar',
data: [4, 3, 2, 1, 0],
coordinateSystem: 'polar',
name: 'With Round Cap',
roundCap: true,
color: 'rgba(0, 200, 0, 0.5)',
itemStyle: {
borderColor: 'green',
borderWidth: 1
}
}],
推荐阅读
- ios - 不能使用 String 类型的索引为 NSDictionary 类型的值下标。从 Swift 2.3 -> 3.2 转换时
- html - 根据我的第 3 段,我该如何将图像设置在左中?
- java - 循环消息/任务队列现有解决方案
- php - 在徽标旁边添加另一张图片 - Wordpress
- node.js - 为 Let's encrypt 设置 certbot 时选择哪个软件和系统?
- c# - GridView - 选择第一行不起作用
- javascript - GraphQLError:语法错误:无法解析意外字符“;”
- json.net - Json.NET - 根据值改变架构/合同的正确方法?
- vue.js - 如何通过lodash映射并在prop值中返回false
- r - 插入符号训练预处理中的相关截止