jqplot | 易学教程

jqPlot Cursor follow series line

阅读更多关于 jqPlot Cursor follow series line

I have a line graph using jqPlot with one series and several data points across it and smoothed lines. I'm using the Cursor plugin to show crosshairs and a tooltip to show x and y points. Is it possible to have the cross hairs follow the line on the series? So the horizontal line would fix to the y position of the line and not following the mouse. I see you can get the x/y position of each data point but not of the lines inbetween points. Thanks If you are using the built in smoothing options the smoothed data points are stored at: plotObj.series[0].renderer._smoothedPlotData with pixel

jqPlot - multiline ticks with angle in x-axis

阅读更多关于 jqPlot - multiline ticks with angle in x-axis

问题 I have a question about ticks in x-axis. I work with jqPlot 0.9.7 My ticks are multiline, like this: a <br> b <br> c <br> d . I use renderer: $.jqplot.CategoryAxisRenderer and it works well, so the ticks show in multiline and works. Now I need to rotate them 30º. I tried 'angle: -30' but it doesn't work. With this config: xaxis: { renderer: $.jqplot.CategoryAxisRenderer, tickRenderer: $.jqplot.CanvasAxisTickRenderer , ticks: ['a <br> b <br> c <br> d' , 'p <br> q <br> r <br> s'], tickOptions:{

jQPlot force static minimum and maximum values on y-axis

阅读更多关于 jQPlot force static minimum and maximum values on y-axis

问题 I am using jqPlot to render bar charts and am looking to do something fairly straightforward but I am not sure if the library has an option for this. I have graphs like this one, where the maximum possible value on the y-axis can be 42. Let's say if for one case, my highest value for any of the bars is 14, then the graph will be rendered to show only up to 14. However, I want it so that, IN ALL CASES, I can see that upper threshold of 42 rendered. This is what I have for now: var plot3 = $

jqplot grid on top of plot

阅读更多关于 jqplot grid on top of plot

I've been tinkering with a jqplot graph where the grid lines are on top (or in front depending how you look at it) of the graph as opposed to the default background area. I've made several attempts to get it to overlay the grid using the z-index. However, each attempt renders the entire graph non-functional and I receive no error for some unknown reason. I'm working with a stacked bar chart that actually fills the entire grid, so I don't get to see any of the grid lines, they are all hidden beneath (or behind) the graph. Here is the code: <script type="text/javascript" language="javascript"> $

jqPlot Chart using asp.net MVC, JSON

阅读更多关于 jqPlot Chart using asp.net MVC, JSON

问题 I am new to MVC and jQuery and jqPlot. Can anyone give example where I can find demo projects or step by step procedure to achive. What I need is: How to Return a JSON to view. While adding View - it should be partial view or normal view? How to get JSON from view using jQuery. How to pass JSON object in jqPlot? Thanks a lot in advance. =============================================== Tried with below code, it is always going to ERROR part, can anyone explain what is the reason? <!--[if lt IE

jqPlot graphs in each jQuery Mobile navbar tab, one is good, two are blank

阅读更多关于 jqPlot graphs in each jQuery Mobile navbar tab, one is good, two are blank

Banging my head against a wall on this one. I have seen similar questions in regards to standard jQuery tabs and accordions, but not for mobile. In jQuery Mobile I have implemented three tabs in a navbar as follows <div data-role="page" id="GraphPage"> <div data-role="tabs" id="tabs"> <div data-role="navbar"> <ul> <li><a href="#tab1" data-ajax="false" class="ui-btn-active">Tab 1</a></li> <li><a href="#tab2" data-ajax="false">Tab 2</a></li> <li><a href="#tab3" data-ajax="false">Tab 3</a></li> </ul> </div> <div id="tab1" style="width: 100%;"></div> <div id="tab2" style="width: 100%;"></div> <div

Creating jqplot graph using php

阅读更多关于 Creating jqplot graph using php

I'm not really good at English sorry. I don't know how to pass values to jqplot application. the php webpage shows [{"PER":"23"},{"PER":"47"},{"PER":"86"},{"PER":"25"},{"PER":"74"}] which came from mysql server. the table has one column and values are 23, 47, 86, 25, 74 this is the php code. <?php mysql_connect("localhost","root","autoset"); mysql_select_db("test"); $q=mysql_query("SELECT PER FROM Evaluation"); while($e=mysql_fetch_assoc($q)) $output[]=$e; print(json_encode($output)); mysql_close(); ?> this is html sample file. $(document).ready(function(){ var ajaxDataRenderer = function(url,

jqplot not working for dynamic data

阅读更多关于 jqplot not working for dynamic data

I am trying to use jqplot to plot bar chart graph of data retrieving from SQLite DB for Phonegap - Android how to use the same code for db values. this code with static data is working fine inside of tag but when i m trying to put this code inside of $('#pageid').live('pageinit',function(){}); then its not working. what's the reason? <head> <script type="text/javascript" src="js/lib/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="js/lib/jquery.jqplot.js"></script> <script type="text/javascript" src="js/lib/jqplot.barRenderer.js"></script> <script type="text/javascript" src=

jqplot: “this.proxy.getTime is not a function” / date input parser?

阅读更多关于 jqplot: “this.proxy.getTime is not a function” / date input parser?

问题 I try to use jqplot for drawing an graph. So i modified this example in order to get an date based graph. Currently my code is like this: var plot1 = $.jqplot('chartdiv', [[["2010-12-25.14:19:47",1], ["2010-11-25.14:19:47",2], ["2010-10-25.14:19:47",3]]], { title: 'mytitle', series: [{ label: 'my label', neighborThreshold: -1 }], axes: { xaxis: { renderer: $.jqplot.DateAxisRenderer, // min:'August 1, 2010 16:00:00', tickInterval: '1 months', tickOptions:{formatString:'%Y-%m-%d.%H:%M:%S'} },

Jqplot y axis scaling

阅读更多关于 Jqplot y axis scaling

I want to scale the y axis like following image But i have the graph like following I want to implement the y axis scaling like the first figure.I want to show the values between .09 and 1 in a large scale. also i want to show the pf value range as 0 to 1( 0 as minimum and 1 as maximum.) Any idea? My tried code is HERE $.jqplot.config.enablePlugins = true; var chartData = [[1, .92], [2,.93], [3, .98],[4,.95]]; function PlotChart(chartData) { var plot2 = $.jqplot('chart1', [chartData], { title: '', seriesDefaults: { renderer: $.jqplot.CanvasAxisLabelRenderer, rendererOptions: { smooth: true },