Tag: jqplot

jqPlot动画数据更改,无需重新加载图形

我希望有一个用户可以按下的按钮,这样图表上的数据就会在动画中发生变化而不会再次从图形底部开始。 以下是我希望jqPlot表现如何的示例: http : //www.w3schools.com/jquery/tryit.asp ?filename =tryjquery_eff_animate。 我没有结婚使用jqPlot如果有另一个插件可以让我这样做。 谢谢! 我目前的代码如下: function myReplot() { var newdata = [[1,3],[2,6],[3,8],[4,11]]; plot1.series[0].data = newdata; plot1.replot(); } $(document).ready(function(){ $.jqplot.config.enablePlugins = true; var data = [[2, 6, 7, 10]]; var ticks = [‘a’, ‘b’, ‘c’, ‘d’]; plot1 = $.jqplot(‘chart1’, data, { // Only animate if we’re not using excanvas (not in […]

如何在jqPlot中为特定系列的数据设置Stack Series false

我正在我的一个项目中使用jqPlot图表。 我正在创建与下面相同的图表。 http://sofzh.miximages.com/javascript/p8QiA.jpg 图表工作正常,但折线图值不应该得到堆栈。 但是,在我的代码中,线序列值也会堆叠。 例如:全部堆积条形图值为10,折线图值为50.但是,在我的方案中,折线图值绘制在位置60而不是50。 我的代码如下。 plot = $.jqplot(chartId, [d1, d2, d3], { seriesColors: [“#d82b25”, “#707b7f”, “#083a6d”], title: titles, stackSeries: true, animate: true, animateReplot: true, cursor: { style: ‘pointer’, show: true, zoom: false, looseZoom: false, showTooltip: false }, series:[ { pointLabels: { show: false }, renderer: $.jqplot.BarRenderer, showHighlight: true, yaxis: ‘yaxis’, rendererOptions: { animation: […]

拖动时获取点索引

有没有办法在JQPlot中获取拖动点的索引? 我想在点移动时更改pointLabel值。 我知道JQPlot自己做,但只有整数。 或者我使用十进制值。 我正在尝试这个: $(“#tooltip2″).bind(‘jqplotDragStop’, function (seriesIndex, pointIndex, pixelposition, data) { $(this).find(‘.jqplot-series-1.jqplot-point-‘+pointIndex) .html(”+Math.round(pixelposition.yaxis * 10) / 10); }); 但是除了x和y轴值之外,没有一个参数给出了当前点位置(在数组中)。 有没有办法做这个改变? 谢谢 :-)

在jqPlot中格式化Y轴编号

我设法将我的y轴文本格式化为两位小数,但由于我使用的是非常大的数字,有没有办法可以显示我的数字,如: NAD 100,000,000.00 而不是 NAD 100000000.00 通过使用刻度选项 yaxis: { tickOptions:{formatString:’NAD %.2f’} }

jqplotToImageStr中的标签和图例问题

我试图将一些jqplots传递给服务器并生成pdf。 首次生成时,这些图表看起来很好。 但是当我使用jqplotToImageStr对它们进行数字化时,它们没有正确缩放,生成的pdf也是如此。 所以我的问题是当我将这些图数字化时如何设置图的大小/尺寸。 推荐我曾经数字化 var imgData = []; imgData.push($(‘#chart1’).jqplotToImageStr({})); 在数字化之前 后 添加选项后

是否可以使用jqPlot将图例写入单独的部门

我想将图例写成一个单独的div,这可能与jqPlot有关 legend: { show: true, placement: ‘outside’, fontSize: ’11px’, location: ‘n’ }

jqplot不显示ajax数据

我有以下jQuery代码: $(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 […]

如何从jqplot图表中删除边框

如果有人能告诉我如何从jqplot图表中删除顶部和右边框,将会很有帮助。 我已经尝试过网格属性,但它是一个全部或空的选项,并且无法控制单个边框值。 是否有任何其他属性可以设置单个边界线的值。

当鼠标hover在它上面时,jqplot突出显示一条线

我正在使用jqplot生成多个线图,并希望为其添加突出显示function。 详细地说,一旦你的鼠标在这条线上,它就会突出显示自己(改变颜色)。 我在条形图中看到了这个function( 例子 )。 有没有办法将其引入线图? 这是我的代码演示 。

使用jQplot实现图形

我需要实现以下图表 我知道堆积图表 ,但这里有轴点标签(我需要没有任何轴点标签),这是来自Y轴。 我很困惑如何实现它。 你能帮我么? 任何链接也会有所帮助。 更新: 我正在尝试一个代码段 $(document).ready(function(){ var line1 = [14]; var line2 = [77]; var plot4 = $.jqplot(‘test2’, [line1, line2], { title: ‘1 Mobility Test Graph’, animate: !$.jqplot.use_excanvas, stackSeries: true, seriesDefaults: { renderer: $.jqplot.BarRenderer, rendererOptions:{barPadding : 0, barMargin : 5, barDirection: ‘horizontal’}, pointLabels:{location : ‘e’, edgeTolerance : 0, hideZeros: true, show : […]