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.