【组件模板】柱形图变形
本帖最后由 ZenosZeng 于 2024-1-12 09:41 编辑直接看效果：
直接拷贝代码：
<font size="3">//将所有系列显示为三角形
let seriesData = []
option.series.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包，然后在仪表板设计器的左侧工具箱的【组件模板分类中】可以找到。
方式2：
在仪表板设计器中添加【柱状图(ECharts)】，然后将以上代码粘贴到【自定义属性】中：
页:
[1]