类似echarts 的报表工具有哪些

类似echarts 的报表工具有哪些,第1张

1、fusionCharts:FusionCharts是InfoSoft Global公司的一个产品,InfoSoft Global 公司是lash图形方案提供商。

FusionCharts free 是一个跨平台,跨浏览器的flash图表组件解决方案,能够ASPNET, ASP, PHP, JSP, ColdFusion, Ruby on Rails, HTML页面以及PPT调用。

2、highcharts:Highcharts 是一个用纯JavaScript编写的一个图表库, web应用程序添加有交互性的图表。

3、ActiveReports 是一款NET 平台的报表控件,工作于HTML5 / WinForm / ASPNET / ASPNET MVC / WPF 等平台下报表设计和报表开发工作需求。

扩展资料:

综合几年的客户反馈情况,我们认为最重要的有如下几点:

1、报表设计工具要灵活方便,能胜任任意复杂的报表形式

2、系统应能处理不同结构的报表

3、绝对应采用B/S架构的报表平台

报表采集需要有基层和中级层级参与,如果采用单机版软件,则有很多问题。

1)需要层层下发报表格式和报表软件,降低任务部署效率。

2)如果运行中报表格式更新了,又要层层下发。万一某些下级没有更新,那就只有一个字“悲惨”。

3)下级要安装报表软件,严重增加总部的服务压力。

4、系统应提高强大的报表运算和审核校对能力

5、系统应能自动管理数据库

6、一定要考虑到上线后的报表指标体系还是要变的

7、系统的分析功能一定要强大

8、一定要支持二次开发,来满足某些极个性化的需求

9、 用户自定义报表制作,能够满足终端用户在使用过程中的编辑需求。

参考资料来源:百度百科-报表工具

首先,在JavaWeb项目中新建一个JSP页面someChartjsp,引入echarts核心JS如下图所示:由于这里要用到折线图,需要将折线图的JS引入require(['echarts','echarts/chart/line'],如下图所示:图形要在页面上显示,需要一个容器,这里在body里定义一个div如下图所示:现在,编写形成折线图的核心jsfunction(ec){varline=ecinit(documentgetElementById('lineChart'));varoption={tooltip:{show:true},legend:{data:['销量']},xAxis:[{type:'category',data:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"]}],yAxis:[{type:'value'}],series:[{"name":"苹果销售量","type":"line","data":[8956,2025,3640,5610,8910,5720,3467,9023,8367,5342,6754,8753]}]};linesetOption(option);}如下图所示:启动Tomcat服务器,在浏览器上运行JSP页面,会看到一个折线图如下图所示:点击折线上的折点,会获取到X轴和Y轴值,说明这个需要给图一个点击事件,具体代码如下:functionqueryXY(param){varseriesIndex=paramseriesIndex;vardataIndex=paramdataIndex;varseriesName=paramseriesName;varname=paramname;vardata=paramdata;varvalue=paramvalue;consoledir(param);}由于在js利用console打印,可以在火狐浏览器上查看相应的参数指标,具体如下图所示:在函数中添加alert,将参数指标打印在页面上varstr="seriesIndex:"+seriesIndex+""+"dataIndex:"+dataIndex+""+"seriesName:"+seriesName+""+"name:"+name+""+"data:"+data+""+"value:"+value;alert(str);如下图所示:再次刷新浏览器,等折线出来后,点击上面的点如下图所示:


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zz/13405111.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2025-09-01
下一篇2025-09-01

发表评论

登录后才能评论

评论列表(0条)

    保存