标签: jqplot

如何将y轴的值变为整数？

我目前有这个值0.0 1.0 1.5 2.0 2.5 3.0.我想把它改成像这样的0 1 2 3等....

谢谢!干杯!

我已经用jqPlot隔离了一个结束案例,导致它"崩溃"(无限期地停止)我的整个页面的javascript.当我在带有单个值的折线图中使用DateAxisRenderer时会发生这种情况:

(function() {
  $(function() {
    var data, now, plot1;
    now = new Date;
    // single data point in the series:
    data = [[now, 1]];
    return plot1 = $.jqplot("plotTarget", [data], {
      axes: {
        xaxis: {
          // if I remove this renderer, the "crash" does not happen:
          renderer: $.jqplot.DateAxisRenderer
        }
      }
    });
  });
}).call(this);

为什么会这样？这是jqPlot中的错误还是我做错了什么？

还注意到:如果我在系列中添加更多具有相同日期的值,则会出现同样的问题.如果我添加更多具有不同日期的值,问题就会消失.

我正在使用jQuery v1.6.4,jqPlot v1.0.0b2_r1012并在Firefox 8.0.1上呈现.

在堆积条形图中,我们可以显示每个堆栈中每个系列的总数,就像这样 但是我想要显示每个系列的值,而不是这样的总数(请忽略这两个样本具有不同数量的系列的事实) 另外我想在顶部显示堆栈的总数.我的意思是,如果你看第一张图,在第一个柱中,值是5,15(5 + 10),24(15 + 9).我想要的结果应该像第二个图形,其中第一个柱的值是10,9,最后总共位于前19个
是否可以使用此库？

是否可以使用jqplot实现并排堆叠条形图？例如,X轴将是给定月份,并且对于每个月,您将具有一些堆叠条形.

像这样的东西:

注意:我要求的是一些不同的东西,只是一个正常的堆积图表.请查看图片以更好地了解我正在尝试做的事情.

我正在尝试使用以下代码绘制jqplot:

<script lang="javascript" type="text/javascript">
    $(document).ready(function () {



        var line1 = var line1 =[["10.01.2011",3.9990],["11.01.2011",3.9910],["12.01.2011",4.0140],["13.01.2011",3.9940],["14.01.2011",3.9050],["17.01.2011",3.9340],["18.01.2011",3.9520],["19.01.2011",3.8980],["20.01.2011",3.8690],["21.01.2011",3.8830],["24.01.2011",3.8550],["25.01.2011",3.8480],["26.01.2011",3.8190],["27.01.2011",3.8440],["28.01.2011",3.8260],["31.01.2011",3.8060],["01.02.2011",3.7970],["02.02.2011",3.8060],["03.02.2011",3.8110],["04.02.2011",3.8640],["07.02.2011",3.8750],["08.02.2011",3.8640],["09.02.2011",3.8480],["11.02.2011",3.8570],["14.02.2011",3.8880],["15.02.2011",3.88],["16.02.2011",3.8520],["17.02.2011",3.8590],["18.02.2011",3.8690],["22.02.2011",3.8440],["23.02.2011",3.8080],["24.02.2011",3.7410],["25.02.2011",3.7460],["28.02.2011",3.7550],["01.03.2011",3.7520],["02.03.2011",3.76],["03.03.2011",3.7420],["04.03.2011",3.7430],["07.03.2011",3.7330],["08.03.2011",3.7260],["09.03.2011",3.76],["10.03.2011",3.7910],["11.03.2011",3.79]]; 

        var plot1 = $.jqplot('chart1', [line1], {
            title: 'Default Date Axis',
            axes: { xaxis: { renderer: $.jqplot.DateAxisRenderer } },
            series: [{ lineWidth: 4, markerOptions: { style: 'square' } }]
        });
    });
</script>

它是通过一些C#代码生成的,但最后页面源看起来像呈现的代码.未绘制图表,jquery抛出此异常:No plot target specified.

有什么线索吗？

w/jqplot是否可以显示"覆盖"条形图的折线图？

我已将一个系列添加到堆叠条形图并将渲染器更改为$ .jqplot.LineRender.这显示为一条线,但它会被添加到堆叠的金额中.

我正在使用JqPlot.

图形高度取决于主容器的高度或默认的JqPlot值.

我的问题是如果y标签很长,图形尺寸会减小到适合主容器.

是否可以为图形高度设置不依赖于标签文本长度的固定值？

我的需求:我希望始终显示相同的图形高度(例如400px),而不依赖于y标签文本长度

这是一张描述我问题的图片:

我正在使用JQPlot,我在一个HTML页面上有很多图表.每个图表都有相同的图例.

我的问题是:是否有可能在HTML页面或其自己的div中显示一个完全位于图形之外的图例？

我正在使用jqPlot来渲染条形图,我希望做一些相当简单的事情,但我不确定图书馆是否有这个选项.

我有这样的图形,其中y轴上的最大可能值可以是42.

假设对于一个案例,我对任何一个柱的最高值是14,那么图形将呈现为最多只显示14个.

但是,我想要这样,在所有情况下,我可以看到42的上限呈现.

这就是我现在所拥有的:

var plot3 = $.jqplot('chart3', [line1], {
            animate: true,
            animateReplot: true, 
            seriesDefaults: {renderer: $.jqplot.BarRenderer},
            series:[{
              pointLabels:{
                  show: true,
                  labels:[depression, anxiety, stress]
              },
              rendererOptions: {
                  animation: {
                    speed: 3500
                  },
                  barWidth: 50,
                  barPadding: -15,
                  barMargin: 0,
                  varyBarColor : true,
                  highlightMouseOver: false
              }
            }],
            axes: {
              xaxis: {
                  renderer:$.jqplot.CategoryAxisRenderer
              }
            },
            canvasOverlay: {
              show: true,
              objects: [{
                  horizontalLine: {
                      y: 42,
                      lineWidth: 3,
                      color: 'rgb(255,0,0)',
                      shadow: true,
                      xOffset: 0
                  }
              }]
            }
          });
        plot3.replot( { resetAxes: …

我正在使用jqPlot根据Web方法的数据生成堆积条形图.

图表成功呈现,但为空白.当我将pointLabels设置为'true'时,它们会出现在图表左侧的混乱中.我猜测堆叠的条形图也是在图表外渲染,但我不明白为什么.

有人可以解释一下如何解决这个问题吗？

这是web方法:

[WebMethod]
    [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
    public List<dataPoint> getPartnerOrderVolumes()
    {
        List<dataPoint> p = new List<dataPoint>();
        DataTable dt = new DataTable();

        chart jep = new chart(5);
        foreach (chartData cd in jep.lstChartData)
        {
            dt = cd.GetData();
        }

        if (dt.Rows.Count > 0)
        {
            foreach (DataRow row in dt.Rows)
            {
                dataPoint dp = new dataPoint();
                dp.x1Value = row[2].ToString();
                dp.y1Value = row[3].ToString();
                dp.y2Value = row[4].ToString();
                p.Add(dp);
            }
        }

        return p;
    }

这是web方法使用的dataPoint类:

        public class dataPoint
    {
        public string x1Value { get; set; } …