HOW TO MAKE JQPLOT RESPONSIVE

jqPlot响应式图表

原创于 2013-04-04 19:52:44 发布 · 176 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

JQPlot 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何使用jqPlot创建响应式图表。通过监听窗口大小变化并调用replot()方法，可以使图表随窗口尺寸变化而调整。具体实现方法包括设置jQuery事件处理程序以确保图表在窗口调整大小时重新绘制。

HOW TO MAKE JQPLOT RESPONSIVE

jqPlot is a plotting and charting plugin for the jQuery Javascript framework. jqPlot produces beautiful line, bar and pie charts with many features.

To make JqPlot responsive we need to replot() the graph on change on window size. Here is how you should do it…

Using the replot() function this can be achieved, as done at this fiddle link. Read more on replot andredraw from here.

$(document).ready(function(){
    plot1 = $.jqplot ('chart', [[3,7,9,1,4,6,8,2,5]]);
    window.onresize = function(event) {
        plot1.replot();
    }
});