官网主页:http://www.jqplot.com/
示例:http://www.jqplot.com/tests/
下载页面:http://bitbucket.org/cleonello/jqplot/downloads/
1.导入核心js 和 css
<link rel="stylesheet" type="text/css" href="./jquery.jqplot.css" />
<!--[if IE]><script language="javascript" type="text/javascript" src="./excanvas.js"></script><![endif]-->
<script language="javascript" type="text/javascript" src="./jquery-1.4.2.min.js"></script>
<script language="javascript" type="text/javascript" src="./jquery.jqplot.js"></script>
2.添加显示图表的容器
div id="chart" style="margin-top:20px; margin-left:20px; width:460px; height:500px;"></div>
3.导入插件包中的js
bar也即柱状图
<script type="text/javascript" src="../plugins/jqplot.categoryAxisRenderer.min.js"></script>
<script type="text/javascript" src="../plugins/jqplot.barRenderer.min.js"></script>
(1)
line1 = [1,4,9, 16];
line2 = [25, 12.5, 6.25, 3.125];
plot1 = $.jqplot('chart1', [line1, line2], {
legend:{show:true, location:'ne'},title:'Bar Chart',
series:[
{label:'Profits', renderer:$.jqplot.BarRenderer},
{label:'Expenses', renderer:$.jqplot.BarRenderer}
],
axes:{
xaxis:{renderer:$.jqplot.CategoryAxisRenderer},
yaxis:{min:0}
}
});
待续。。。。。。。。。。
分享到:
相关推荐
插件描述:jqPlot是一个jQuery绘图插件,可以利用它制作漂亮的线状图、柱状图和饼图。参考示例:http://www.jq22.com/jquery-info5115
非常好用的Jquery的画图插件-jqPlot。
导入即可使用的绘图插件DEMO,对于每个插件都有详细的使用说明
jqPlot是一个jQuery绘图插件,可以利用它制作漂亮的线形图、条形图、饼形图。jqPlot支持为图表设置各种不同的样式,提供Tooltips,数据点高亮显示等功能柱状图可以提供坐标轴定制、柱条宽度、颜色定制和阴影设置等等...
在一个项目研发过程中,需要显示账户的资金情况,为了给客户良好的体验我们采用了柱状图形展现,绘图的过程如果使用原生态脚本绘制这样比较麻烦,时间也会比较长,所以我们选择了jqPlot插件进行绘制,这样可以节省...
jqPlot是一个jQuery绘图插件,可以利用它制作漂亮的线状图、柱状图和饼图。jqPlot支持为图表设置各种不同的样式。提供Tooltips,数据点高亮显示等功能。
jqPlot是一个jQuery绘图插件,可以利用它制作漂亮的线状图和柱状图。jqPlot支持为图表设置各种不同的样式。提供Tooltips,数据点高亮显示等功能。 官网:http://www.jqplot.com/ 这里贡献上中文教程,基本上所有的...
自己整理的一些jqplot文档资料,包含jqplot插件包,jqplot:jquery UI插件
jqPlot是Jquery中的实现图形的一个插件 使用jqPlot可以做出美观图形
jqPlot是一个jQuery绘图插件,可以利用它制作漂亮的线状图、柱状图和饼图。jqPlot支持为图表设置各种不同的样式。提供Tooltips,数据点高亮显示等功能。主要功能包括[1]: 1、有多种图表样式可供选择 2、可以自定义...
前端项目-jqPlot,jqplot是jquery javascript框架的绘图和图表插件。jqplot生产的线条、条形图和饼图很漂亮,有很多特点。
qPlot是一个jQuery绘图插件,可以利用它制作漂亮的线状图、柱状图和饼图。jqPlot支持为图表设置各种不同的样式。提供Tooltips,数据点高亮显示等功能。 主要功能包括[1]: 1、有多种图表样式可供选择 2、可以自定义...
jqPlot是jQuery Javascript框架的绘图和制图插件。 jqPlot生成具有许多功能的精美折线图,条形图和饼图: 多种图表样式选项。 具有可自定义格式的日期轴。 最多9个Y轴。 旋转轴文本。 自动趋势线计算。 工具...