使用ECharts实现数据图表分析

本文介绍了如何使用ECharts进行数据图表分析,包括环境搭建、HTML页面引入、完整代码展示以及后台Servlet代码。ECharts是基于ZReader的轻量级图表库,支持多种图表类型,适用于PC和移动端。案例展示了条形图和折线图的切换,并提供了源码供读者测试和学习。
摘要由CSDN通过智能技术生成
一、ECharts介绍

  实现对统计数据的图形分析之前用过JFreeChar,但它是用纯java实现编码繁琐且效果不佳,后来又使用过Fusioncharts 报表工具,它是基于Flash的图表组件、以XML为数据、提供丰富的Flash动画作为图标模板,实现简单效果不错但flash是老东西了且浏览器需要flash插件的支持,更关键的是手机端浏览器基本上不支持。最近看到百度提供一套ECharts(Enterprise Charts)商业产品图表库,它是基于ZReader(一个全新的轻量级canvas类库),可在pc和移动端流畅的运行,支持折线图(区域图)、柱状图(条状图)、散点图(气泡图)、K线图、饼图(环形图)等12类图表。

二、实现应用案例

  下面就结合应用看看ECharts的使用

  案例效果:

  条形图

 

  切换折线图

 

   

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值