jqplot

How to dynamically change jqplot renderer?

妖精的绣舞 提交于 2019-12-03 09:07:33
Basically, I want the user to be able to change the type of the graph by clicking a drop down menu: BarRenderer, PieRenderer, etc. The data is the same. I know I can call $.jqplot() again on the same element, but then I'll have to pass all the setting again. And my page have a variable number of graphs, which makes that option a very bad choice. I found a link about this: http://groups.google.com/group/jqplot-users/browse_thread/thread/efe6511cd9496f16/5c625baf78d3b0ae but it seems I still have to call $.jqplot() again. Is there a better way to do this? And one more small question: is it just

JQPlot Legend outside of graph

蹲街弑〆低调 提交于 2019-12-03 06:45:27
I am using JQPlot and I have many graphs on one HTML page. Each of the graphs has the same legend. My question is this: Is it possible to display a legend totally outside of the graph with its own position on the HTML page or in its own div? legend:{ show:true, renderer: $.jqplot.EnhancedLegendRenderer, location: 's' , placement : "outside", marginTop : "30px", rendererOptions: { numberRows: 1 } }, You can use placement : "outside" like in the above code. And you can move it using marginTop,marginBottom,marginRight,marginLeft properties. Maybe you could hide the legend of the 2nd to the last

jqplot Side by Side Stacked Bar Chart

匿名 (未验证) 提交于 2019-12-03 02:30:02
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: Is it possible to achieve a side by side stacked bar chart using jqplot? For example the X-Axis would be a given month and for each month you would have some number of stacked bars. Something like this: NOTE: I'm asking for something different that just a normal stacked chart. Please look at the picture to get a better understanding of what I'm trying to do. 回答1: yes, it is possible to do so. with reference from jqplot Source Code: $(document).ready(function(){ var s1 = [2, 6, 7, 10]; var s2 = [7, 5, 3, 4]; var s3 = [14, 9, 3, 8]; plot3 = $

How to associate an event with only one object? jqplot

℡╲_俬逩灬. 提交于 2019-12-03 01:36:37
Im using jqplot to draw some charts. It is a great tool, but it lacks a simple clickhandler option for each chart. Its plugins like highlighter, draggable and cursor register their interest in capturing click/mouse-events from the jqplot canvas by adding themselves to jqplot.eventListenerHooks (eventListenerHooks.push(['jqplotClick', callback]); for example. or 'jqplotMouseDown' or such are also available. After making my plot with the usual $.jqplot(target, data, options); then I do this $.jqplot.eventListenerHooks.push(['jqplotClick', myFunc]); and sure enough myFunc gets called wherever I

How to make Jqplot Bar chart point labels vertical align.?

匿名 (未验证) 提交于 2019-12-03 01:01:02
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: I am making a graph where I need little help. (I have googled so much but can't succeed thats why asking. - If possible duplicate I apologize.) My Code: var plot2 = $.jqplot('distance_graph', data.distance, { // The "seriesDefaults" option is an options object that will // be applied to all series in the chart. seriesDefaults:{ renderer:$.jqplot.BarRenderer, rendererOptions: {fillToZero: false}, pointLabels: { show: true }, }, // Custom labels for the series are specified with the "label" // option on the series option. Here a series option

How to make Jqplot Bar chart point labels vertical align.?

匿名 (未验证) 提交于 2019-12-03 01:00:01
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: I am making a graph where I need little help. (I have googled so much but can't succeed thats why asking. - If possible duplicate I apologize.) My Code: var plot2 = $.jqplot('distance_graph', data.distance, { // The "seriesDefaults" option is an options object that will // be applied to all series in the chart. seriesDefaults:{ renderer:$.jqplot.BarRenderer, rendererOptions: {fillToZero: false}, pointLabels: { show: true }, }, // Custom labels for the series are specified with the "label" // option on the series option. Here a series option

How to animate diagrams with jQuery and jQplot (updating data)

冷暖自知 提交于 2019-12-02 19:47:57
I am "animating" diagrams over time by changing the data and redrawing them. // initialization var data = ... var targetPlot = $.jqplot('#diagram', data, diagramOptions); Now after some time I will change the data in some way and want to update the diagram. The following solution works: // update Data targetPlot.data = ...; // remove old diagram $('#<%= "diagram" + diagram.id.to_s %>container').empty(); // redraw targetPlot = $.jqplot('#diagram', data, diagramOptions); Bit this is a complete redraw. With lots of data and a short intervall jQPlot takes much memory and the diagram is flickering.

jqPlot step chart not plotting in series order

大憨熊 提交于 2019-12-02 14:43:13
问题 I need to build a step chart using jQPlot. My X-Axis is Date/Time and my Y-Axis is a number. Doing this prototype everything runs fine: <script type="text/javascript" src="~/Scripts/jqplot/jquery.jqplot.min.js"></script> <script type="text/javascript" src="~/Scripts/jqplot/plugins/jqplot.dateAxisRenderer.min.js"></script> <link href="@Url.Content("~/Scripts/jqplot/jquery.jqplot.min.css")" rel="stylesheet" media="screen"> <!-- Plot --> <div id="chart1"></div> <br /> <br /> <script type="text

jqPlot step chart not plotting in series order

六月ゝ 毕业季﹏ 提交于 2019-12-02 13:51:31
I need to build a step chart using jQPlot. My X-Axis is Date/Time and my Y-Axis is a number. Doing this prototype everything runs fine: <script type="text/javascript" src="~/Scripts/jqplot/jquery.jqplot.min.js"></script> <script type="text/javascript" src="~/Scripts/jqplot/plugins/jqplot.dateAxisRenderer.min.js"></script> <link href="@Url.Content("~/Scripts/jqplot/jquery.jqplot.min.css")" rel="stylesheet" media="screen"> <!-- Plot --> <div id="chart1"></div> <br /> <br /> <script type="text/javascript"> $(document).ready(function () { var line1 = [['2014-01-15 15:10:01', 21], ['2014-01-15 15

Interval Selection Event in Primefaces Chart

混江龙づ霸主 提交于 2019-12-02 07:42:06
I have a dynamic LineChart. I am setting the zoom to false but I want to be able to trigger an Ajax Event when selecting an area in the Chart (like the zoom functionnality when selecting the area you want to zoom), I want to call a server method and getting the max and min x axis values of the selected area. Can anyone help with this? Else if I set the zoom to true , is there any way to get the values from the zoomed area ? Kukeltje PrimeFaces and JSF is in this context nothing more than an html/javascript/css generator. If you look at the source of the generated page in your browser developer