博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JAVA开发人员画图表总结(ECHARTS)
阅读量:6473 次
发布时间:2019-06-23

本文共 712 字,大约阅读时间需要 2 分钟。

随着大数据的到来,越来越多的数据需求需要开发,而这些需求不可避免需要使用JS画出图表,而大多后端JAVA开发人员对JS不太熟悉,导致身心倍受折磨,今天记录以下最近我使用echarts的步骤,供参考:

一、环境说明

前端框架:echarts、Jquery

后端框架:SPRINGMVC

二、开发过程

前端代码:

Insert title here

对于我来说,编写这些JS最困难了。

1、首先需要AJAX获取数据

2、需要与echarts相互结合

3、option这个对象是核心,后端需要生成的也是这个对象。

获取的后端数据:

[{"calculable":true,"graphType":null,"legend":{"data":["报表"]},"series":[{"data":[1,2,3],"name":"报表","type":"bar"}],"title":{"color":"red","fontSize":24,"link":"http://www.qunar.com","subText":"报表","text":"去哪儿-报表"},"tootip":{"show":true},"xAxis":{"data":[1,2,3],"type":"category"},"yAxis":{"data":[],"type":"value"}}]

后端如何生成这些JSON数据就不在这里说了,任何提供REST服务或者SpringMVC都能实现。这里需要注意的是,如果想要长期使用echarts,建议还是好好阅读文档,因为任何的小错误,都可能导致效果相差很大。

转载地址:http://fopko.baihongyu.com/

你可能感兴趣的文章
Eclipse C + GTK2.0环境构筑
查看>>
caffe solver
查看>>
Rhel6-heartbeat+lvs配置文档
查看>>
[CF340D]Bubble Sort Graph/[JZOJ3485]独立集
查看>>
CentOS6.4上搭建hadoop-2.4.0集群
查看>>
ORACLE分科目统计每科前三名的学生的语句
查看>>
linux查看CPU和内存使用情况
查看>>
第一次冲刺--查看活动详情用户场景分析
查看>>
0317复利计算的回顾与总结
查看>>
函数对象
查看>>
less编译
查看>>
HDOJ 1028 母函数分析
查看>>
终于解决SQL Server 2008 64位系统无法导入Access/Excel的问题 2012/08/01
查看>>
实验0、了解和熟悉操作系统实验
查看>>
使用javascript正则表达式实现遍历html字符串
查看>>
informatica 参数文件配置
查看>>
面向对象-内置成员
查看>>
(转)Fiddler使用手册(三)------Fiddler命令行和HTTP断点调试
查看>>
2016 Asia Jakarta Regional Contest J - Super Sum UVALive - 7720 【快速幂+逆元】
查看>>
【转载】wpf学习笔记4
查看>>