Echarts-双轴图

最新推荐文章于 2023-12-26 11:44:34 发布

采精小蝴蝶

最新推荐文章于 2023-12-26 11:44:34 发布

阅读量1.1k

点赞数 1

本文链接：https://blog.csdn.net/jrrfgj/article/details/87364002

版权

本文介绍了如何使用Echarts创建一个包含三条折线的图表，其中一条表示可利用率，另外两条表示数量。通过详细阐述问题描述、实现源码和最终效果，帮助读者掌握Echarts双轴图的制作技巧。

摘要由CSDN通过智能技术生成

1、问题描述

利用Echarts制作一个折线图，条件是：三条折线，一条代表可利用率，另外两条代表数量。

2、实现源码

<!DOCTYPE html><html> <head>  <meta charset="UTF-8">  <title>Echarts-双轴图</title>  <link rel="shortcut icon" href="../js/echarts-2.2.7/doc/asset/ico/favicon.png">  <script type="text/javascript" src="../js/echarts-2.2.7/doc/asset/js/jquery.min.js" ></script>  <script type="text/javascript" src="../js/echarts-2.2.7/doc/example/www2/js/echarts-all.js" ></script>  <style>   body,html{    width: 99%;    height: 99%;    font-family: "微软雅黑";    font-size: 12px;   }   #double{    width: 100%;    height: 100%;    font-family: "agency fb";    font-weight: bolder;   }  </style>  <