[Reprint]jquery Chart Plugin Jqchart use

The JQuery Chart plugin Jqchart display works very well. The following charts are supported:

Area

Bar

Bubble

Column

Financial Chart-candlestick

Financial Chart-stock

Line

Pie

Radar Area

Radar Line

Radar Spline Area

Radar Spline

Scatter

Spline Area

Spline

Stacked Column

Stacked Bar

There are many types of support visible. Here we use the Radar area chart (radar chart). Use the following methods:

Introduce the necessary files, note that jquery js file to be placed in the front, the version is not necessarily 1.5.1, higher than this version is also OK. In practice, modify the appropriate place according to the sample code.

<! DOCTYPE html>ifIe]><script lang= "javascript" type= "Text/javascript" src= "Js/excanvas.js" ></script><! [endif]--> <title> Radar Charts </title>$ (document). Ready (function () {          varBackground ={type:' LinearGradient ', x0:0, y0:0, X1:0, y1:1, ColorStops: [{offset:0, color: ' #fff '}]//Chart Background Color        }; $(' #jqChart '). Jqchart ({title: {text:' Radar area Chart '}, border: {strokestyle:' #6ba851 '}, Background:background, axes: [{type: 
    ' Categoryangle ', Categories: [' Performance ', ' appearance ', ' Price ']}, {type:' Linearradius ', RenderStyle:' Polygon ', LineWidth:' 1 ', Minimum:0,//Minimum ValueMAXIMUM:100,//Maximum ValueINTERVAL:20,//scalemajortickmarks: {visible:true}}], series: [{ Title:' Series 1 ', type:' Radararea ', data: [99, 80, 19],//ParametersFillStyle: ' Rgba (65,140,240,0.75) '//Fill Color                        }                     ]          });  }); </script> <div id= "Jqchart" style= "width:500px; height:300px; " > </div> </body>
Reprinted from: Rai (leixiaohua1020) column
[Reprint]jquery Chart Plugin Jqchart use