一款可定制的外国jQuery图表插件jqplot

jqPlot是一个jQuery绘图插件，可以利用它制作漂亮的线状图和柱状图。jqPlot支持为图表设置各种不同的样式。提供Tooltips，数据点高亮显示等功能。

用法:

1.引入jQuery类库和相关插件类库

<script type="text/javascript" src="../src/plugins/jqplot.canvasTextRenderer.min.js"></script>
<script type="text/javascript" src="../src/plugins/jqplot.canvasAxisLabelRenderer.min.js"></script>

2.定义报表渲染容器div

<div id="chart2" style="height:300px; width:500px;"></div>

3.调用报表方法

$(document).ready(function(){var plot1 = $.jqplot ('chart1', [[3,7,9,1,4,6,8,2,5]]);
});

原文转自:一款可定制的外国jQuery图表插件jqplot

转载于:https://www.cnblogs.com/jqdemo/archive/2013/06/04/3116894.html

一款可定制的外国jQuery图表插件jqplot相关推荐

使用jquery图表插件jqplot之折线图
首先一个简单的折线图: 直接上代码: <html> <head> <meta http-equiv="Content-Type" content=&q ...
jquery图表插件--jqPlot实现柱状图
案例:(里面导入的js和css可以到官方网上下载) 柱状图(1) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional// ...
6款jQuery图表插件
图表应用能让数据显示更加直观易懂,但光靠CSS +Xhtml 或纯图片实现的图表显然有很多局限性,强大的jquery 让我们可以实现各种很强大的图表,下面是6款jQuery图表插件 ,另外,你也许也愿 ...
JQuery图表插件Highcharts示例教程
JQuery图表插件Highcharts示例教程,先上图,大伙Show一下效果:先上三个图,分别是曲线.柱状.扇形. 图表中的数据纯属于DEMO的测试数据,没有实际用意.下面讲下大致的实现步骤第一步 ...
jQuery 图表插件 jqChart 使用
jQuery 图表插件 jqChart显示效果效果非常好.支持以下几种图表: Area Bar Bubble Column Financial Chart - Candlestick Financia ...
Unity数据可视化图表插件XCharts（一款基于UGUI的数据可视化图表插件）
一.前言今天,我在GitHub上看到一个屌炸天的Unity插件:XCharts,,XCharts插件是一款基于Unity3D的UGUI系统的插件,可以绘制折线图.曲线图.饼状图.雷达图.散点图.热力 ...
【部分原创】jquery图表插件flot笔记
Flot是纯Javascript实现的基于jQuery的图表插件,主要支持线状图和柱状图的绘制(通过插件也可以支持饼状图). 它的特点是使用简单.图形美观,支持鼠标跟踪及缩放功能. Flot是基于ca ...
flot - jQuery 图表插件(jquery.flot)使用
Flot是纯Javascript实现的基于jQuery的图表插件,主要支持线状图和柱状图的绘制(通过插件也可以支持饼状图). 它的特点是使用简单.图形美观,支持鼠标跟踪及缩放功能. Flot是基于ca ...
flot - jQuery 图表插件(jquery.flot)使用-2
Flot是纯Javascript实现的基于jQuery的图表插件,主要支持线状图和柱状图的绘制(通过插件也可以支持饼状图). 它的特点是使用简单.图形美观,支持鼠标跟踪及缩放功能. Flot是基于ca ...

一款可定制的外国jQuery图表插件jqplot

用法:

1.引入jQuery类库和相关插件类库

2.定义报表渲染容器div

3.调用报表方法

一款可定制的外国jQuery图表插件jqplot相关推荐

最新文章

热门文章