Tag: jqplot

水平条形图忽略tickInterval,min和max选项

我一直在使用jqPlot进行我所参与的项目,到目前为止我对此非常满意。 很完整。 但是,我正在处理的function现在需要一个水平条形图。 我的问题是我的图表当前显示xaxis刻度为十进制数增加0.5。 我不需要小数值。 我需要增加1的整数。我的配置有点像这样: var chartConfig = { seriesDefaults: { showMarker: false, shadowAngle: 135, pointLabels: { show: true, labelsFromSeries: true, seriesLabelIndex: 2, edgeTolerance: -50 }, renderer: $.jqplot.BarRenderer, rendererOptions: { barWidth: 25, barPadding: 0, barDirection: ‘horizontal’ } }, axes: { xaxis: { min: 0, max: 4, tickInterval: 1 }, yaxis: { showTicks: true, renderer: […]

jqPlot饼图工具提示

我是否认为jqPlot中的Hightlighter类不处理PieRenderer的工具提示? 我花了很长时间试图让它们工作,但我似乎无法让它显示工具提示。 如果我是对的,有没有办法处理段的翻转并将数据传递给第三方jQuery工具提示? 谢谢。

添加图例到圆环图 – jqPlot

好的,这应该相对简单: 我正在添加一个圆环图,它确实有效 但是,“图例”(如Head (+)以及相应的颜色)不会显示。 代码: $(document).ready(function(){ var s1 = [[‘Head (+)’,], [‘Head (-)’,]]; var s2 = [[‘Body (+)’,], [‘Body (-)’,]]; var plot3 = $.jqplot(‘linkchart’, [s1,s2], { title:”Score Profile”, seriesDefaults: { // make this a donut chart. renderer:$.jqplot.DonutRenderer, rendererOptions:{ // Donut’s can be cut into slices like pies. sliceMargin: 3, // Pies and donuts can start […]

如何用线条添加jqplot饼图标签?

我有一个饼图,我可以正常添加标签。但我想添加带有如下行的标签。 我以网络上的这张图片为例。 这是我的代码, drawPieCharts = function(dev,title,data){ $(‘#’+dev).empty(); var plot = $.jqplot(dev, [data], { title: { text: title, fontWeight: ‘bold’, fontSize : ’16’, show: true }, grid: { drawBorder: false, drawGridlines: false, background: ‘#ffffff’, shadow:false, //diameter : 30 }, axesDefaults: { }, highlighter: { show: true, formatString:’%s , P%’, tooltipLocation:’n’, useAxesFormatters:false }, seriesDefaults:{ renderer:$.jqplot.PieRenderer, rendererOptions: { […]

刻度添加后的日期格式jqplot categoryaxisrenderer

我使用jQplot和primeFaces。 我想要一个CategoryAxis的日期格式化程序(日期以毫秒为单位)。 我在Stack上找到了不同的解决方案,但问题似乎是我的问题:它们是在“创建之后”添加并且没有考虑选项/格式。 ticks: this.cfg.categories, 我使用datetickformatter,自定义datetickformatter,CanvasAxisTickRenderer和CanvasAxisTickRenderer版本进行了测试。 徒然。 this.cfg.axes = { xaxis: { renderer: $.jqplot.CategoryAxisRenderer, rendererOptions: { tickRenderer: $.jqplot.CanvasAxisTickRenderer }, tickOptions: { formatString: ‘%a.’, fontSize:’7pt’, }, ticks: this.cfg.categories, }, 谢谢,Ju。

来自AJAX请求的jqPlot ASP.NET中的dataRender

我试图从AJAX请求渲染jqPlot条形图,我无法让它工作。 我有以下JavaScript代码: var ajaxDataRenderer = function (url, plot) { var ret = null; $.ajax({ // have to use synchronous here, else returns before data is fetched async: false, url: url, contentType: “application/json; charset=utf-8”, dataType: ‘json’, success: function (data) { ret = data; } }); return ret; }; var jsonurl = “WebService1.asmx/HelloWorld”; plo12 = $.jqplot(‘chart2’, jsonurl, […]

jqPlot日期轴 – 在错误的日子绘制的条形图?

这里很简单: var dataHits = [[‘2011-10-16’,1],[‘2011-11-05’,7],[‘2011-11-06’,1],[‘2011-11-09’,2 ],[ ‘2011-11-12’,5]]; var plot1 = $ .jqplot(’chartHits’,[dataHits],{ 标题:’Zobrazenia profilu spolu’, seriesDefaults:{ 渲染:$ jqplot.BarRenderer, rendererOptions:{ barPadding:0,//相邻条之间的像素数 //组(相同类别或bin)。 barMargin:0,//相邻条形组之间的像素数。 barDirection:’vertical’,//垂直或水平。 barWidth:10 } }, 轴:{ x轴:{ 渲染:$ jqplot.DateAxisRenderer, min:’2011-10-15’, 最大:’2011-11-13’, tickInterval:“2天”, tickOptions:{ formatString的: ‘%d%M’ } }, Y轴: { min:0, tickInterval:1 } }, 荧光笔:{ 显示:是的, sizeAdjust:7.5 }, cursor:{ show:false } }); 但生成的图形是错误的 – 第一个值被绘制好 […]

如何使Jqplot条形图点标签垂直对齐。?

我正在制作一个我需要帮助的图表。 (我已经搜索了这么多,但不能成功那就是为什么要问。 – 如果可能重复,我道歉。) 我的代码: 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 […]

jqplot用于不同线图的荧光笔

我在jqPlot图表中有一系列jqPlot图。 我想要做的是关闭所有图形的突出显示,除了一个我想要突出显示的图形。 我怎样才能做到这一点?

如何将列表值传递给jqplot以获取堆积条形图

我正在尝试绘制一个堆积的条形图但是没有显示条形图。 不知道为什么? 让我解释一下我在做什么。 我已经在数据库的3列中存储了值,然后使用list(集合)我可以使用jsp在我的表上显示它。 现在我已经编写了代码来在同一个jsp页面上生成堆积条形图,但我无法将其显示为堆积条形图。 这是我的jsp January Report for January Market Jan-01 Jan-02 Jan-03 Jan-04 Jan-05 Jan-06 Jan-07 Jan-08 Jan-09 Jan-10 Jan-11 Jan-12 Jan-13 Jan-14 Jan-15 Jan-16 Jan-17 Jan-18 Jan-19 Jan-20 Jan-21 Jan-22 Jan-23 Jan-24 Jan-25 Jan-26 Jan-27 Jan-28 Jan-29 Jan-30 Jan-31 AUK ${item.count} ${item.dataamount} ${item.result} AUS ${item1.count} ${item1.dataamount} ${item1.result} ADE ${item2.count} ${item2.dataamount} ${item2.result} Ebay […]