在Java web页面使用ECharts制作图表

最新推荐文章于 2024-05-17 07:39:15 发布

我是个菇凉

最新推荐文章于 2024-05-17 07:39:15 发布

阅读量1.2w

点赞数 2

分类专栏：其他文章标签： echarts柱状图

本文链接：https://blog.csdn.net/m0_37626813/article/details/79008861

版权

今天在改一个项目的过程中需要用到柱状图，通过查阅资料得到，柱状图的创建有两种方式，一种是使用java自带的Jfreechart来创建图表，还有一种就是业界广受好评的由百度提供的ECharts来创建图标，下面就是主要使用ECharts来创建柱状图的过程：
前提： 下载echarts.min.js文件，下载地址是：http://echarts.baidu.com/download.html（建议下载完整版的）并且将该包放到项目中，例如下图：
这里写图片描述
1. 创建html或是jsp页面，并导入echarts.min.js

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    <!-- ECharts单文件引入 -->  
    <script src="js/echarts.min.js" ></script>
    </head>
    <body>
    </body>
</html>

2.为ECharts准备一个具备大小（宽高）的Dom

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></

最低0.47元/天解锁文章

我是个菇凉

关注

2
点赞
踩
35

收藏

觉得还不错? 一键收藏
6
评论
在Java web页面使用ECharts制作图表

今天在改一个项目的过程中需要用到柱状图，通过查阅资料得到，柱状图的创建有两种方式，一种是使用java自带的Jfreechart来创建图表，还有一种就是业界广受好评的由百度提供的ECharts来创建图标，下面就是主要使用ECharts来创建柱状图的过程：前提：下载echarts.min.js文件，下载地址是：http://echarts.baidu.com/download.html（建议下载完
复制链接

扫一扫