echartsy轴柱状图
时间: 2023-08-07 13:04:11 浏览: 107
根据提供的引用内容,您正在讨论关于Echarts中Y轴柱状图的问题。根据引用\[1\]中的代码,您正在定义一个具有三个Y轴的柱状图。第一个Y轴被隐藏,第二个和第三个Y轴分别位于左侧和右侧。第二个Y轴显示查询日期,数据为\['2020-04-19', '2020-04-25'\],第三个Y轴显示对比日期,数据为\['2019-04-19', '2019-04-25'\]。
关于提示信息展示百分比的实现思路如下:
1. 实际展示的是差值,差值有可能是负数,需要使用Math.abs()函数取绝对值。
2. 利用formatter函数重写提示信息,计算百分比。在tooltip中设置trigger为'axis',然后在formatter函数中使用params参数来获取每个系列的数据,通过计算差值并将其除以对比日期的数据,再减去1,最后使用toFixed(2)方法保留两位小数来表示百分比。
因此,您的Y轴柱状图可以根据以上代码和提示信息展示百分比。
#### 引用[.reference_title]
- *1* [echarts实现3个Y轴柱状图](https://blog.csdn.net/hbjiankely/article/details/106225468)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文