• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > 如何在 HTML 页面上显示出有交互的统计图?

如何在 HTML 页面上显示出有交互的统计图?

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含perlCGI等相关知识,匿名希望在学习及工作中可以帮助到您
想单纯画一些简单的统计图,比如柱状图 饼状图等
但是R画出来的图始终感觉交互性不强,不互动,只是一张一张的图,串起来很难形象。而且始终有些不方便。
我想在网页上显示一些统计图(数据来源是数据库统计我用perlCGI应该没问题),并且可以有一些互动,比如点击饼状图一部分,会出现该部分的柱状图之类的。
我应该如何开始学习?

回复内容:

1 Open Flash Chart是一个开源的Flash制图组件。

主页:http://teethgrinder.co.uk/open-flash-chart/


下载:http://teethgrinder.co.uk/open-flash-chart/download.php


示例:http://teethgrinder.co.uk/open-flash-chart/

2 XML SWF Charts是一个简单,但强大,利用Flash和动态生成XML数据来产生web chart的工具。当前支持的Charts类型包括:

  • Line
  • Column
  • Stacked column
  • Floating column
  • 3D column
  • Stacked 3D column
  • Parallel 3D column
  • Pie
  • 3D Pie
  • Bar
  • Stacked bar
  • Floating bar
  • Area
  • Stacked area
  • Candlestick
  • Scatter
  • Polar
  • Mixed
  • Composite
  • Joined

  • 主页:http://www.maani.us/xml_charts/


    下载:http://www.maani.us/xml_charts/index.php?menu=Download


    示例:http://www.maani.us/xml_charts/index.php?menu=Gallery


    3 Flotr是一个基于Prototype开发的javascript绘图工具。支持图例,鼠标跟踪,图片区域选择,图片缩放,添加事件钩子(event hook),通过CSS设置样式等。

    主页:http://solutoire.com/flotr/


    下载:http://code.google.com/p/flotr/


    示例:http://code.google.com/p/flotr/


    4 Open Flash Chart2是依据Open Flash Chart1.x完全重新构建的一个Flash图表绘制组件。与1.x版本最大不同之处在于把数据格式改成JSON,以实现一些更酷的功能。该版本全部采用Actionscript3开发,Adobe Flex编译。

    主页:http://teethgrinder.co.uk/open-flash-chart-2/


    下载:http://teethgrinder.co.uk/open-flash-chart-2/downloads.php


    示例:http://teethgrinder.co.uk/open-flash-chart-2/area-hollow.php


    5 Visifire是一组开源的Microsoft Silverlight图表制作组件。 Visifire让你利用ASP、http://ASP.Net、PHP、JSP、ColdFusion、Ruby on Rails或是只有HTML都能快速制作出“惊人”的图表(Charts)。不需要懂得任何Silverlight知识,只要具备基础的HTML知识,就能够使用该强大的Silverlight图表制作组件。


    主页:http://www.visifire.com/


    下载:http://www.visifire.com/download_silverlight_charts.php


    示例:http://www.visifire.com/


    6 FusionCharts Free是一个制图组件用于创建好看,数据驱动,拥有动画效果的Flash charts。它能够与PHP、Python、Ruby on Rails、ASP、http://ASP.NET、JSP、ColdFusion、HTML页面等一起使用。这个组件是FusionCharts的免费版,但功能仍然很强大。它能够生成的图表类型包括:

  • 2D/3D column & bar charts
  • 2D/3D pie & doughnut charts
  • Line charts
  • Area charts
  • Stacked charts
  • Gantt charts
  • 您可能想查找下面的文章:

    相关文章

    • 2018-12-032016年度——React.js 最佳实践
    • 2018-12-03HTML5 微格式和相关的属性名称_html5教程技巧
    • 2018-12-03Application Cache未缓存文件无法访问无法加载问题_html5教程技巧
    • 2018-12-03HTML5实现留言和回复的页面
    • 2017-08-06html5指南-4.使用Geolocation实现定位功能
    • 2018-12-03解析HTML5 geolocation的实例教程
    • 2017-08-06HTML5 audio标签使用js进行播放控制实例
    • 2017-08-06html5指南-3.如何实现html元素拖拽功能
    • 2018-12-03原生js 有没有 手机移动端 滑动 的事件?
    • 2018-12-03phonegap使用方法介绍(一)查找联系人

    文章分类

    • html/xhtml
    • html5
    • CSS
    • XML/XSLT
    • Dreamweaver教程
    • Frontpage教程
    • 心得技巧
    • bootstrap
    • vue
    • AngularJS
    • HBuilder教程
    • css3
    • 浏览器兼容
    • div/css
    • 网页编辑器
    • axure

    最近更新的内容

      • html5转义实体字符的使用详解
      • HTML5微信播放全屏问题的解决方法
      • history解决ajax出现的问题
      • 有关家电的文章推荐10篇
      • 如何利用微信内嵌H5网页解决JS倒计时失效的问题
      • H5的视频播放库video.js详解
      • 利用HTML5中的Canvas绘制一张笑脸的教程_html5教程技巧
      • HTML5中 Canvas 的 3D 压力器反序列化
      • 快速搭建TP-LINK电信拓扑设备面板基于HTML5的实现方法
      • HTML5 Canvas——用路径描画线条实例介绍

    关于我们 - 联系我们 - 免责声明 - 网站地图

    ©2020-2025 All Rights Reserved. linkedu.com 版权所有