登录/注册

首页 › Wyn 商业智能专区 › 产品教程 › 查看内容

299 主题	7874 帖子	1万积分

Rank: 8 Rank: 8

积分: 13129

54098
金币
299
主题
7874
帖子

最新发帖

【组件模板】柱形图变形

讲师达人认证

悬赏达人认证

超级版主 / 发表于：2024-1-12 08:59 / 查看：1493 / 回复：0

本帖最后由 ZenosZeng 于 2024-1-12 09:41 编辑

直接看效果：

image.png517930907.png

image.png517930907.png

直接拷贝代码：

<font size="3">//将所有系列显示为三角形
let seriesData = []
option.series[0].data.forEach(item => {
seriesData.push(item.value)
})
option.series.forEach(item => {
item.type = 'pictorialBar',
item.symbol = 'triangle',
item.barGap = '-60%',
item.barWidth = '55%'
})
//在所有系列之后，添加一个矩形区域作为背景
var bg =
{
type: 'bar',
showBackground:true,
backgroundStyle : {
color: 'rgba(180, 180, 180, 0.1)'
},
symbol: 'path://M0,10 L10,10 C5.5,10 5.5,5 5,0 C4.5,5 4.5,10 0,10 z',
itemStyle: {
normal: {
color: 'rgba(255, 255, 255, 0)'
}
},
z: '-99',
data:seriesData
};
option.series.push(bg);
return option</font>

复制代码

使用方式：
方式1：
在Wyn管理后台的【导入】功能，导入以下Zip包，然后在仪表板设计器的左侧工具箱的【组件模板分类中】可以找到。

柱形图变形样式.zip (417.92 KB, 下载次数: 195)

收藏

回复

0 个回复