本帖最后由 ZenosZeng 于 2024-1-12 09:41 编辑
直接看效果：
直接拷贝代码：
- <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, 下载次数: 216)
|
|
陕公网安备：61019002000258 |
隐私政策 |
网站地图
