带涨跌箭头的柱形图

带有涨跌箭头的柱形图简单的柱形图说服力是有限的,添加涨跌箭头,可以使数据的变化情况更为直观。今天就给大家带来一个图表技巧——制作带涨跌箭头的柱形图。
基础数据与图表效果


第一步
单击数据区域任意单元格,点击【插入】【簇状柱形图】。插入一个默认样式的柱形图。
3-16021H0433b40
第二步
依次单击网格线,按Delete键清除。同样的方法,去掉图表标题,主纵坐标轴、图例项。
3-16021H04414636
第三步
右键单击图表数据系列【设置数据系列格式】,系列重叠为-8%;分类间距为90%。
3-16021H044303K
设置数据系列填充颜色:

第四步
添加辅助数据。
Y轴1公式为:
=IF(C2<B2,C2+1,NA())
Y轴2公式为:
=IF(C2>=B2,C2+1,NA())

复制Y轴1辅助数据,单击图表,按Ctrl+V,图表会增加一个柱形图数据系列。
单击新增的数据系列,【设计】【更改图表类型】,选中【散点图】。
3-16021H0455XP
单击图表中的散点图系列,右键【选择数据】,弹出【选择数据源】对话框,单击【编辑按钮】添加系列名称和X轴系列值。
3-16021H04621L4
第五步
复制Y轴2辅助数据,单击图表,按Ctrl+V,图表会增加一个散点图数据系列。
3-16021H04643610
单击图表中新增的散点图系列,参考步骤4添加系列名称和X轴系列值。
第六步
单击次要水平坐标轴,按Delete键清除。
单击次要纵坐标轴,按Delete键清除。
右键单击散点2数据系列【设置数据系列格式】。将数据标记设置为内置三角形。
设置【数据标记填充】为【纯色填充】,颜色选择绿色。

第七步
单击【插入】【形状】,选择等腰三角形。
翻转三角形,并设置颜色为红色。

第八步
单击红色的倒三角形,按Ctrl+C复制。
单击散点图数据系列,按Ctrl+V粘贴。

第九步
点击散点图数据系列,右键添加数据标签。
辅助列输入用于计算涨跌百分比的公式:
=(C2-B2)/B2
手动依次修改或是使用标签工具修改标签。
最后使用两个文本框添加年份。

群福利

群号码:615147109

1. Office安装程序及激活。

2. PPT模版,简历模版。

3. 原创图文教程。

4. 微软认证讲师直播公开课。

5. 微软认证讲师微课录像。

6. 微软认证讲师在线答疑。

7. 图片、图标素材。

8. 结识更多Excel大神。

9. 结交更多上进的小伙伴。

进群下载素材,进行练习:419562729

003ul3uUzy7cY8z7mkI54&690

要在 Echarts 中为每个柱状图添加箭头,可以采用以下两种方法: 1. 使用 `graphic` 组件 可以通过 `graphic` 组件添加自定义的图形元素,包括箭头等。具体实现步骤如下: 首先,在 `option` 中设置 `graphic` 组件,用于添加箭头: ``` option = { graphic: [{ type: 'group', id: 'arrowGroup', children: [] }], xAxis: { type: 'category', data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'] }, yAxis: { type: 'value' }, series: [{ data: [120, 200, 150, 80, 70, 110, 130], type: 'bar' }] }; ``` 然后,在 `series` 的 `label` 中设置 `formatter` 属性,用于在每个柱状图下面添加箭头: ``` option.series[0].label = { show: true, position: 'bottom', formatter: function(params) { // 在每个柱状图下面添加箭头 var arrow = { type: 'path', shape: { pathData: 'M0,0 L3,6 L-3,6 Z', x: -1.5, y: 6 }, style: { stroke: null, fill: params.color } }; // 将箭头添加到 graphic 组件中 option.graphic[0].children.push({ type: 'text', z: 100, left: params.rect.x + params.rect.width / 2, top: params.rect.y + params.rect.height + 10, style: { text: params.value, textAlign: 'center', fill: '#333', fontSize: 12 }, children: [arrow] }); return ''; } }; ``` 在 `formatter` 函数中,首先定义箭头的样式,然后将箭头及其对应的文本添加到 `graphic` 组件中。 2. 使用 `markLine` 组件 `markLine` 组件可以在图表中添加标线,可以通过设置标线的位置和样式来实现为每个柱状图添加箭头的效果。具体实现步骤如下: 首先,在 `option` 中设置 `markLine` 组件,用于添加箭头: ``` option = { xAxis: { type: 'category', data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'] }, yAxis: { type: 'value' }, series: [{ data: [120, 200, 150, 80, 70, 110, 130], type: 'bar', markLine: { silent: true, symbol: 'arrow', symbolSize: [8, 16], lineStyle: { color: '#333', width: 1, type: 'solid' }, data: [] } }] }; ``` 然后,在 `series` 的 `data` 中设置每个柱状图的值,并在 `markLine.data` 中设置标线的位置: ``` option.series[0].data = [{ value: 120, label: { show: true } }, { value: 200, label: { show: true } }, { value: 150, label: { show: true } }, { value: 80, label: { show: true } }, { value: 70, label: { show: true } }, { value: 110, label: { show: true } }, { value: 130, label: { show: true } }]; option.series[0].markLine.data = [{ yAxis: 120 }, { yAxis: 200 }, { yAxis: 150 }, { yAxis: 80 }, { yAxis: 70 }, { yAxis: 110 }, { yAxis: 130 }]; ``` 在 `markLine` 中设置 `symbol` 和 `symbolSize` 属性,用于设置箭头的样式和大小。 这样就可以为每个柱状图添加箭头了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值