标签:柱状图

echarts

echarts 使用pictorialBar实现自定义图片柱状图

echarts 使用pictorialBar实现自定义图片柱状图
echarts柱状图除了常见的柱状图外,还有一种是图片类型的柱状图,或者说图标柱状图, 使用两张图标,一张图标表示底图,一张图标表示占比状态,通过pictorialBar来将两种图片图片重叠显示,达到类似下面的效果。 演示效果 实例代码 <template> ...

yekong 2年前 (2023-04-20) 喜欢

echarts

echarts 甘特图效果实例

echarts 甘特图效果实例
vue数据大屏需要实现类似甘特图的效果,效果图如下,将实现的效果记录下来,方便后期复用。 实例代码 <template> <div class="echarts1" ref="echarts"> <...

yekong 2年前 (2023-03-22) 喜欢

echarts

echarts 排行榜柱状图效果异形头效果 01

echarts 排行榜柱状图效果异形头效果 01
最近要写一个新的数据大屏可视化 页面,其中有一个排名功能,设计图ui效果如下,使用echarts实现效果,但是效果图里面的头部是一个倾斜角,echarts默认并没有,所以需要将柱状图分为两部分,顶部的倾斜角使用echarts的pictorialBar自定义图片来实现,下面的柱子使...

yekong 2年前 (2023-02-22) 喜欢