jqplot

问题 I am using the jquery pie chart/donut to display data on several pages. There is one chart for each page, which has different data. My plan was to put the coding for each of the pie charts into an external js file that would then be referenced on each page in the page template. However, when the script for the jqplot donut chart on the linked js file gets to a chart that doesn't have a matching ID on the page, none of the scripts for the following charts work. This means that only the first

问题 I am using the jquery pie chart/donut to display data on several pages. There is one chart for each page, which has different data. My plan was to put the coding for each of the pie charts into an external js file that would then be referenced on each page in the page template. However, when the script for the jqplot donut chart on the linked js file gets to a chart that doesn't have a matching ID on the page, none of the scripts for the following charts work. This means that only the first

问题 Is there any way to get the index of a dragged point in JQPlot? I want to change the pointLabel value when the point have moved. I know that JQPlot do it itself but only with integer. Or I work with decimal values. I'm trying this: $("#tooltip2").bind('jqplotDragStop', function (seriesIndex, pointIndex, pixelposition, data) { $(this).find('.jqplot-series-1.jqplot-point-'+pointIndex) .html(''+Math.round(pixelposition.yaxis * 10) / 10); }); But none of the parameters give me the current point

问题 I would like to build somthing like the chart in the sample: barLineAnimated.html. my problem is; i have more then 1 series, which i like to render as bars, and one should be rendered as line. I can't undestand the sample: one the 2 series in the sample will be rendered in different way. How can i set the kind of rendering for the single series? 回答1: Try this inside the jqplot constructor: seriesDefaults : { renderer: $.jqplot.BarRenderer, rendererOptions : { barWidth: 30 } }, series : [{}, {

问题 I plotted a graph with jqplot and included the dragable functionality. The whole point is a user can modify the graph based on what they want. $.jqplot.config.enablePlugins = true; var demandPlot = $.jqplot('myDiv', [ myArray ], { title : 'My Graph', seriesDefaults: { fill: true }, axes : { xaxis : { label: 'My X axis' }, yaxis : { label:'My Y axis' } }, series:[{ color:"green", dragable: { color: '#ff3366', constrainTo: 'y' }, trendline: { color: '#cccccc' } }] }); I would like to retrieve

问题 I have the following jQuery code: $(document).ready(function () { var group = 'test'; $.ajax({ type: "POST", async: false, url: "/validate.asmx/GetGraphData", contentType: "application/json;", data: "{'groupBy': '" + group + "'}", dataType: 'json', success: function (data) { Plot(data.d); } }); }); function Plot(dataIn) { alert(dataIn); $.jqplot('chartcontainer', [[[ 'test1', 1 ], [ 'test2', 5]]], { seriesDefaults: { renderer: $.jqplot.PieRenderer, rendererOptions: { showDataLabels: true } },

问题 I am trying to add mouse hover function to my axis ticks. what i want is to show long ticks full text only on hover else it would be showing only few characters . i am adding a hover event to .jqplot-xaxis-tick .But it doesnot even respond to hover.Please suggest ! .jqplot-xaxis-tick { top: 0px; /* initial position untill tick is drawn in proper place */ left: 15px; /* padding-top: 10px;*/ vertical-align: top; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jqplot-xaxis

问题 I've a little problem with jQplot. I'm trying to do a DateAxisRenderer like this : http://tinyurl.com/p8v5coh And i've this : http://tinyurl.com/qd2lbxh I don't want to make a rotation on my test. I just want to input a line break between my hour and my date. There is my code : var plot1 = $.jqplot('chart1', [test2], { title:'Plot to test JQPLOT', legend: { show: true, placement: 'outsideGrid' }, axesDefaults: { tickRenderer: $.jqplot.CanvasAxisTickRenderer, tickOptions: { angle: 0, fontSize:

问题 What is the different (if there is) between primefaces chart and http://www.jqplot.com/index.php ? Its look like the examples in the jqlot website has much more functionality options Thanks 回答1: As already pointed out PrimeFaces uses jqPlot to render the charts. Regarding the functionality options I can't fully agree. You can always use the extender option of PrimeFaces charts. By writing an extender function you gain access to the jqPlot configuration object before the actual rendering

问题 My JQPlot chart is currently rendering everything correctly, but the only issue is that the tick labels are being overlapped by the chart. Is there anyway I can offset the labels to prevent this from happening or a simple option change? I haven't found anything on the JQPlot website about this, so any help would be appreciated. Here's some sample code: var moduleTypesChart = $.jqplot("moduleTypesChart",[moduleTypesCount], { title:'<h2>Module Types Distribution</h2>', seriesColors:["darkred"],