How can I display interactive statistical charts on an HTML page? -

Source: Internet
Author: User
I want to draw some simple statistical charts, such as bar charts and pie charts. However, the figure drawn by R always feels less interactive and does not interact with each other. It is just a single figure, and it is difficult to get together. And it is always inconvenient. I want to display some statistical charts on the web page (the data source is the database statistics I should be fine with perlCGI), and there can be some interactions, such as clicking on the pie part, the column charts of this part will appear. How should I start learning? I want to draw some simple statistical charts, such as a bar chart or a pie chart.
However, the figure drawn by R always feels that the interaction is not strong and there is no interaction. It is just a picture, and it is difficult to get together. And it is always inconvenient.
I want to display some statistical charts on the web page (the data source is the database statistics I should be fine with perlCGI), and there can be some interactions, such as clicking on the pie part, the column charts of this part will appear.
How should I start learning? Reply: 1 Open Flash Chart is an Open source Flash graphics component.

Home page:Http://teethgrinder.co.uk/open-flash-chart/


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


Example: http://teethgrinder.co.uk/open-flash-chart/

2 xml swf Charts is a simple but powerful tool that uses Flash and dynamic generation of XML data to generate web Charts. Currently, the following Charts types are supported:

  • 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

  • Home: http://www.maani.us/xml_charts/


    Download: http://www.maani.us/xml_charts/index.php? Menu = Download


    Example: http://www.maani.us/xml_charts/index.php? Menu = Gallery


    3 Flotr is a javascript plotting tool developed based on Prototype. Supports legend, mouse tracking, image area selection, image scaling, event hooks, and CSS settings.

    Home: http://solutoire.com/flotr/


    Download: http://code.google.com/p/flotr/


    Example: http://code.google.com/p/flotr/


    4 Open Flash Chart2 is a Flash Chart Drawing component completely rebuilt based on Open Flash Chart1.x. The biggest difference from version 1.x is that the data format is changed to JSON to implement some cool functions. This version is developed using Actionscript3 and compiled by Adobe Flex.

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


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


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


    5 Visifire is an open-source Microsoft Silverlight chart creation component. Visifire lets you take advantage of ASP, http://ASP.NetPHP, JSP, ColdFusion, Ruby on Rails, or HTML can quickly create "amazing" Charts (Charts ). You do not need to know any Silverlight knowledge. As long as you have basic HTML knowledge, you can use this powerful Silverlight chart production component.


    Home: http://www.visifire.com/


    Download: http://www.visifire.com/download_silverlight_charts.php


    Example: http://www.visifire.com/


    6 FusionCharts Free is a drawing component used to create a Flash charts with good looks, data drives, and animation effects. It works with PHP, Python, Ruby on Rails, ASP, http://ASP.NETJSP, ColdFusion, and HTML pages. This component is a free version of FusionCharts, but it is still very powerful. The chart types that can be generated include:

  • 2D/3D column & bar charts
  • 2D/3D pie & doughnut charts
  • Line charts
  • Area charts
  • Stacked charts
  • Gantt charts
  • Home page: FusionCharts Free

    Download: http://www.fusioncharts.com/free/Download.asp

    Example: http://www.atblabs.com/jquery.corners.html


    7. JS Charts is a JavaScript drawing component. Supported chart types include: bar chart, pie chart, and graph. The data sources supported by JS Charts can be XML or JavaScript arrays.

    Home: http://www.jscharts.com/

    Download: http://www.jscharts.com/free-download

    Example: http://www.jscharts.com/examples


    8 Axiis is an open-source data chart component developed based on Degrafa, Flex & ActionScript3.0.

    Home: http://www.axiis.org/index.html

    Download: http://code.google.com/p/axiis/downloads/list

    Example: http://www.axiis.org/examples.html

    9 jqPlot is a jQuery drawing plug-in that can be used to create beautiful line and column charts. JqPlot allows you to set different styles for charts. Tooltips and highlighted data points are provided.

    Home: http://www.jqplot.com/


    Download: http://www.bitbucket.org/cleonello/jqplot/downloads/


    Example: http://www.jqplot.com/tests/


    10 Highcharts JS is a pure JavaScript Drawing Library that supports the following chart types: line, spline, area, areaspline, column, bar, pie, and scatter. When you move the cursor over a chart, a tooltip is used to display the text information related to each point or area. You can enlarge the chart to view more detailed data. Highcharts supports most browsers including iPhone and ie6.

    Home page: Highcharts-Interactive JavaScript charts for your webpage

    Download: http://www.highcharts.com/downloads/zips/Highcharts.zip

    Example: http://www.highcharts.com/demo/


    Let's provide these 10 items first. I don't know if you want them or not. Just play a few of them.

    Echarts is well-made and powerful, so it can be used.
    The documentation is complete and there are many examples. If you have any bugs or questions, you can directly ask the author. The Echarts made by Baidu is quite good. Take a look at highcharts and learn JS code first. Use JS to make a pie chart and a column chart first. This makes it easy to achieve link jump, as long as you are proficient in JS, this can be achieved! Simple to horrible.

    Cut out all the areas you want to click on your pie, and then combine them with positioning or floating, and then set the pseudo class to complete the operation.

    Contact Us

    The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

    If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.