快速使用echarts(JAVA前后台交互)

1.我这里演示的是echarts折线图实例,先看一下echarts实现的效果图,是否是你想要的呢?
在这里插入图片描述
2.echarts核心代码(html和js)如下:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <meta charset="UTF-8">
    <title>ECharts使用</title>
</head>
<body>

<!-- 为ECharts准备一个具备大小(宽高)的Dom -->
<div id="main"  style="height:600px; margin: 0 auto;  "></div>

<!--引入在线3.2.1jQ-->
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<!--引入echarts.js-->
<script src="/echarts/echarts.js"></script>
<script>
    var prefix = "/orderStat";
    //-------echarts订单统计开始
    var myChart = echarts.init(document.getElementById('main'));
    // 指

猜你喜欢

转载自blog.csdn.net/weixin_44146379/article/details/100809656
今日推荐