JQuery Chart Chart making components Highcharts usage _jquery

Source: Internet
Author: User
Tags jquery library

This example describes the Highcharts usage of the jquery Chart Chart production component. Share to everyone for your reference, specific as follows:

Highcharts is a pure JavaScript class library for charting, with the following main features:

① Compatibility: Compatible with all today's browsers, including iphones, IE and Firefox, and so on;
② is completely free to individual users;
③ Pure JS, no BS;
④ supports most of the chart types: line graphs, graphs, area diagrams, regional graphs, column charts, pie charts, scatter graphs;
⑤ cross-language: Either PHP, ASP.net, or Java, it only requires three files: one is the highcharts core file highcharts.js, and a canvas emulator for IE and jquery class library or MooTools class library;
⑥ prompt function: The mouse moves to a point on the chart to have the hint information;
⑦ Amplification Function: Select the chart part to enlarge, close-up observation chart;
⑧ Ease of Use: no special development skills are required, just set the option to make the appropriate chart;
⑨ timeline: Can be accurate to milliseconds

Download Plugin

Highcharts Download Address

Http://www.highcharts.com/download

jquery Download Address

http://jquery.com/

This introduction is the first file in the Highcharts copy over, and then add other functions in this file, and then query the relevant information, export image format does not need to connect to the official server, only to be local.

<%@ Page language= "C #" autoeventwireup= "true" codebehind= "Default.aspx.cs" inherits= "highchart_export_module_asp" _net._default "%> <! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">  

Exported picture formats

You can do the page display and export the picture consistent.

PS: Here again for you to recommend a few code formatting, landscaping tools, I believe that we will use in the future development process:

Online JavaScript code Landscaping, formatting tools:
Http://tools.jb51.net/code/js

JavaScript compression/formatting/encryption tool:
http://tools.jb51.net/code/jscompress

XML code online formatting landscaping tools:
Http://tools.jb51.net/code/xmlcodeformat

JSON code online Format/beautify/compress/edit/Convert tools:
Http://tools.jb51.net/code/jsoncodeformat

Online JSON code inspection, inspection, landscaping, formatting tools:
Http://tools.jb51.net/code/json

More interested readers of jquery-related content can view the site topics: "jquery common Plug-ins and Usage summary", "jquery Ajax Usage Summary", "jquery table (table) Operation Tips Summary", "jquery drag and drop effects and tips summary", " jquery Extended Skills Summary, jquery Common Classic effects summary, jquery animation and special effects usage summary and jquery selector Usage Summary

I hope this article will help you with the jquery program design.

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.