Detailed usage of the jQuery Chart component Highcharts, jqueryhighcharts

Detailed usage of the jQuery Chart component Highcharts, jqueryhighcharts

This document describes how to use the jQuery Chart component Highcharts. We will share this with you for your reference. The details are as follows:

Highcharts is a pure Javascript class library for creating charts. Its main features are as follows:

① Compatibility: compatible with all browsers today, including iPhone, IE, and Firefox;
② Individual users are free of charge;
③ Pure JS, no BS;
④ Supports most chart types: line chart, line chart, Area Chart, area graph, column chart, pie chart, and scatter chart;
⑤ Cross-language: PHP, Asp.net, and Java can be used. It only requires three files: one is the core file Highcharts. js, as well as a canvas emulator for IE and Jquery class libraries or MooTools class libraries;
6. Tip: a prompt is displayed when you move the mouse over a certain point of the chart;
7. Zoom in: select the chart area to zoom in and observe the chart at close distance;
Ease of use: no special development skills are required. You only need to set the options to create charts that suit you;
Timeline timeline: accurate to milliseconds

Download plug-ins

Highcharts

Http://www.highcharts.com/download

Jquery

Http://jquery.com/

In this introduction, we copied the first file in highcharts, added other functions to this file, and then queried the relevant information. to export the image format, we do not need to connect it to the official server, it only needs 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 image format

The page display and exported images can be consistent.
PS: Here are some code formatting and beautification tools recommended for everyone. I believe they will be used in the future development process:
Online JavaScript code beautification and formatting tools:
Http://tools.jb51.net/code/js
JavaScript compression/formatting/encryption tools:
Http://tools.jb51.net/code/jscompress
XML code online formatting and beautification tools:
Http://tools.jb51.net/code/xmlcodeformat
Json code online formatting/beautification/compression/editing/conversion tools:
Http://tools.jb51.net/code/jsoncodeformat
Online JSON code verification, validation, beautification, and formatting tools:
Http://tools.jb51.net/code/json