`
xianbin
  • 浏览: 214845 次
  • 来自: ...
社区版块
存档分类
最新评论

jqplot 实用技巧——重绘

阅读更多
技巧一:
当浏览器窗体大小改变时:
$('#resizable1').bind('resize', function(event, ui) {
    plot1.replot( { resetAxes: true } );
});


技巧二:
重新加载数据进行重绘时:
chartObj.series[0].data = [[0, 4], [1, 7], [2, 3]];
chartObj.replot();


技巧三:
改变plot的ticks:
plot.axes.yaxis.reset();
plot.axes.yaxis.ticks = new_yticks;
plot.replot();


技巧四:
浏览器窗体大小变更后指定图表大小:
$('#resizable2').bind('resizestop', function(event, ui) {
    $('#chart2').height($('#resizable2').height()*0.96);
    $('#chart2').width($('#resizable2').width()*0.96);
    plot2.replot({resetAxes:true});
});


技巧四:
浏览器窗体大小变更后重置BarChart图表的bar(柱子)大小:
$.each(plot.series, function(index, series) {
    series.barWidth = undefined;
});

plot.replot({
    resetAxes : true
});
1
0
分享到:
评论

相关推荐

    jqplot

    7. **更新和重绘**:讲解如何动态更新图表数据和重新绘制图表。 **Charts jqPlot.htm 和 _files 文件夹** "Charts jqPlot.htm" 可能是另一个教程或示例集,包含了更多关于 jqPlot 图表的实例。而 "Charts jqPlot_...

    fusionChars,highchars,jqplot绘图插件Demo

    本DEMO——"fusionChars, highchars, jqplot绘图插件Demo",旨在帮助用户快速理解和应用这个插件。 首先,让我们了解一下`jqPlot`的基础。`jqPlot`是基于jQuery库开发的,因此在使用前需要先引入jQuery。它支持多种...

    jqplot绘图工具

    jqPlot是一款基于jQuery的开源绘图插件,用于在网页上创建高质量的图表。这款工具以其易用性和灵活性而受...结合实际项目需求,合理运用jqPlot的各项功能,可以创建出既美观又实用的图表,提升数据的表达力和解读效率。

    jquery.jqplot 绘图插件

    **jqPlot绘图插件详解** jqPlot是基于jQuery的一款强大而灵活的图表绘制插件,它提供了丰富的功能,能够帮助开发者轻松创建出各种类型的图表,包括但不限于线状图、柱状图、饼图等。这款插件以其简洁的API和高度...

    jqplot柱状-饼图

    在本案例中,我们主要关注"jqplot柱状-饼图"这一主题,以及如何利用jqPlot库进行图表的重绘(replot)。 首先,让我们详细了解柱状图。柱状图是一种数据可视化工具,常用于比较不同类别的数值。在jqPlot中,创建...

    Jquery的画图插件-jqPlot

    **jqPlot:jQuery的高效画图插件** **1. jqPlot简介** jqPlot是基于JavaScript库jQuery的一个强大图表绘制插件,它提供了丰富的图表类型和自定义选项,使得在Web应用中创建交互式图表变得极其简单。jqPlot能够轻松...

    jqplot文档

    ### jqPlot文档解析 #### 简介 jqPlot 是一个纯 JavaScript 绘图插件,为 jQuery 提供了强大的图表绘制功能。该插件版本为 1.0.8,自 2009 年至 2015 年由 Chris Leonello 开发并维护。它支持在个人或商业项目中...

    jqplot例子

    **jqPlot 概述** jqPlot 是一个基于 jQuery 的数据可视化库,用于创建高质量的、交互式的图表。它提供了一套全面的API和各种图表类型,适用于数据展示和分析。jqPlot 具有高度可定制性,允许用户通过配置选项自定义...

    jqPlot绘图

    jqPlot 是一个基于 jQuery 的数据可视化插件,用于在网页上绘制各种类型的图表,包括线图、条形图和饼图等。它以其简洁的 API 和丰富的定制选项而受到开发者们的青睐。以下是对 jqPlot 插件的一些核心知识点的详细...

    jqplot js图标控件

    **jqPlot**是一款基于JavaScript库**jQuery**的图表绘制插件,主要用于在Web页面上创建...总的来说,jqPlot是一个适合快速实现数据可视化的实用工具,尤其对于那些已经熟悉jQuery的开发者来说,它是一个理想的选择。

    jqplot使用手册 参数手册 中文手册

    **jqPlot简介** jqPlot是基于JavaScript的图表库,它提供了丰富的图表类型,如曲线图、柱状图和饼图,适用于数据可视化需求。...无论是在网站开发还是数据分析项目中,jqPlot都是一种实用的工具。

    jqplot的Option配置详解

    ### jqplot的Option配置详解 #### 一、引言 jqPlot是一款强大的JavaScript图表库,它...掌握这些配置选项不仅能提升图表的美观性,还能根据实际需求定制出更为实用的图表。希望本文能帮助到正在学习jqPlot的开发者们。

    jquery.jqplot.0.9.3.zip

    强大的Jquery图表绘制插件 —— jqPlot jqPlot是一款基于jquery类库的图标绘制插件。通过jqPlot可以再网页中绘制线状、柱状、饼状等多种样式图表。而且,jqPlot具有插件可扩展性(Pluggability),你可以编写自己的...

    jqPlot图表中文API

    jqPlot是一款基于jQuery的图表插件,用于在网页上创建各种动态、交互式的图表,如柱状图、线性图、饼图等。它在现代支持HTML5的浏览器上使用canvas元素来绘制图表,而在不支持canvas的旧版IE浏览器(如IE9以下版本)...

    jqplot1.0.4

    《jqPlot 1.0.4:打造丰富的数据可视化图表》 jqPlot 是一款功能强大的JavaScript图表库,专为Web应用程序提供丰富的数据可视化解决方案。在版本1.0.4中,它延续了其一贯的优秀特性,使得创建饼状图、柱状图、线状...

    jqplot饼状图示例

    **jqPlot饼状图示例** jqPlot是一个强大的JavaScript库,用于在网页上创建动态、交互式的图表。它提供了一套丰富的选项和插件,使得数据可视化变得简单易行。在本示例中,我们将专注于如何使用jqPlot来创建饼状图,...

    js的绘图资料之一 jqplot

    尽管jqPlot在数据可视化领域表现优秀,但还有其他JavaScript绘图库如Highcharts、D3.js和Chart.js等。这些库各有特点,比如D3.js更适合复杂、数据驱动的可视化,而Highcharts则提供了更丰富的内置主题和更完善的文档...

    jqplot1.0.8_优秀且完全免费的JS图表插件

    用JS作图形报表,有多个插件可选择,其中HighCharts、JqPlot、JsChart是使用比较多的,但HighCharts和JsChart只能用作个人使用、为了以后项目中能使用,很多人选择JqPlot(个人和商业都免费)。俺最近开发项目进要...

    Jqplot-Jquery数据图插件

    **Jqplot - jQuery数据图插件** Jqplot是一款基于jQuery库的开源图表插件,主要用于在网页上创建各种动态、交互式的数据可视化图表。它以其丰富的图表类型、高度可定制性和良好的性能赢得了广大开发者的青睐。在...

Global site tag (gtag.js) - Google Analytics