最近因为项目需要,用到了Echarts,自己学习了相关东西,也参考了一些文件,最终把双y轴曲线图实现了,跟大家分享一下。下面是最终需要的效果图:

不多说了,直接上代码!O(∩_∩)O哈哈~
-------------------------------------------------------------- HTML部分 ----------------------------------------------------------
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>echarts双y轴图</title>
<script src="echarts.min.js"></script>
<style>
#chart{
width: 800px;
height: 500px;
border: 1px solid red;
}
</style>

本文分享了如何使用Echarts实现双y轴曲线图,包括HTML和JavaScript部分的代码实现。示例展示了温度和压力两个指标随着时间变化的曲线,图表支持数据缩放、多种视图切换等功能。
&spm=1001.2101.3001.5002&articleId=85869147&d=1&t=3&u=797e57c162db4af1b280902eefd9f766)
2985

被折叠的 条评论
为什么被折叠?



