http://www.jqplot.com/Web site, download the following example to see it to understand.
This is an example of the project I was doing earlier (only part of the code):
function Publicmethod () {
var plot1 = $.jqplot (chart, [Curryear], {
Seriescolors: ["RGB (23, 108, 238)"],
Title:titles,
Highlighter: {
Show:true,
Sizeadjust:1,
Tooltipoffset:9
},
Grid: {
Background: ' Rgba (57,57,57,0.0) ',
Drawborder:false,
Shadow:false,
GridlineColor: ' #666666 ',
Gridlinewidth:1
},
Legend: {
Show:true,
Placement: ' Outside '
},
Series: [
{
Label:visits
}
],
Axes: {
Xaxis: {
Renderer: $.jqplot. Dateaxisrenderer,
Tickrenderer: $.jqplot. Canvasaxistickrenderer,
Tickoptions: {
FormatString: "%b%e",
Angle:-30,
TextColor: ' #333333 '
},
Min:start_array,
Max:end_array,
Tickinterval:distance,
Drawmajorgridlines:false
},
},
});
$ ('. Jqplot-highlighter-tooltip '). addclass (' Ui-corner-all ');
}
The data type returned is in the link above, and there are many different styles of charts.