vue使用ECharts制作圆角柱状图
先展示圆角柱状图形的效果图表中加入了右边框,关于右边框的加入,利用的是双Y轴实现的,想了解的可以看上一篇博客的代码进行操作,本篇讲述柱状图的圆角设置。主要是修改series中的配置,利用barBorderRadius属性进行圆角设置series : [{name:'使用时长',...
·
先展示圆角柱状图形的效果
图表中加入了右边框,关于右边框的加入,利用的是双Y轴实现的,想了解的可以看上一篇博客的代码进行操作,本篇讲述柱状图的圆角设置。
主要是修改series中的配置,利用barBorderRadius属性进行圆角设置
series : [
{
name:'使用时长',
type:'bar',
barWidth: '14px',
data:[140, 180, 250, 130, 220, 80, 220, 140, 240, 110],
itemStyle: {
normal: {
barBorderRadius:[10, 10, 0, 0], // 设置柱状图圆角
}
}
}
]
更多推荐
已为社区贡献5条内容
所有评论(0)