ECharts折线图

最新推荐文章于 2022-08-20 15:14:44 发布

Bourbon丨

最新推荐文章于 2022-08-20 15:14:44 发布

阅读量784

点赞数

CC 4.0 BY-SA版权

分类专栏： js插件

本文链接：https://blog.youkuaiyun.com/Entermomem/article/details/88743107

该博客介绍了如何使用ECharts创建折线图，提供了官方实例链接及展示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ECharts官方实例连接

https://echarts.baidu.com/examples/editor.html?c=line-stack

<html>
<head>
  <title>周统计数据分析</title>
  <meta name="decorator" content="grid-select"/>
  <script src="${staticPath}/uadmin/js/echarts.min.js"></script>
</head>
<body title="周统计数据分析">

     <div id="main" style="width: 1000px;height:500px;"></div>
    
 <script type="text/javascript">
        // 指定图表的配置项和数据
        var myChart = echarts.init(document.getElementById('main')); 
     	// 使用刚指定的配置项和数据显示图表。

        // 请求后台数据方法路径
$.post('${adminPath}/weeklyData').done(function(result) {
        var arrDate = [];
        weekInputFact = [],
        workTime = []
        for(var i = 0 ;i < result.length; i++) {
        // X轴数据
        arrDate.push(result[i].week);
        // Y轴数据
        weekInp