Question

我正在使用jqplot绘制图表。下面是代码：

    $.jqplot.config.enablePlugins = true;
    // For these examples, don't show the to image button.
    $.jqplot._noToImageButton = true;




    var ticks = ["8/25/2008","1/22/2009","6/20/2009","7/20/2009","10/20/2009","6/20/2010","2/20/2011"] ; 



  goog = [[56, 60, 79,20,34,67]];


  var plot1 = $.jqplot(id, goog, {
      title: title,
      series: [{
          label: series,
          neighborThreshold: -1
      }],



       axesDefaults: {                                                       
          tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
          tickOptions:{
            angle: -30,
            fontSize: '10pt'

          }
      }, 


      seriesDefaults: {
          showMarker:true,                      
          pointLabels: { show:false }        
        },

      axes: {
          xaxis: {
              renderer: $.jqplot.DateAxisRenderer,
              min:'Sun Aug 24 16:00:00 2008',
              max:'Sun Jan 21,16:00:00 2009',
              numberTicks: 7,
             // tickInterval: '4 months',
             ticks : ticks,


              tickOptions:{formatString:'%#c'},

          },
          yaxis: {
              tickOptions:{formatString:'%.2f'}
          }
      },
      cursor:{
        show: true,
        zoom:true,
        showTooltip:true
      }
  });

  $('.button-reset').click(function() { plot1.resetZoom() });

这些是我面临的问题

未绘制数据点，因此我得到一张空白图表。
在缩放时，只有Y轴发生变化且X轴保持不变。
CanvasAxisTickRenderer无效，所以我没有指定角度ticks。
min和max对于Xaxis也无效，图表本身会将ticks绘制为ticks数组中的第一个和最后一个值。< / p>

我是jquery的新手，所以请不要介意这么长的问题，我们非常感谢任何帮助。提前致谢。

Answer 1

您的数据未被很好地声明，您需要指定每个点的[x，y]值数组。你的goog变量变成了：

goog = [[[＆＃34; 8/25/2008＆＃34;，56]，[＆＃34; 1/22/2009＆＃34;，60]，[＆＃34; 6/20 / 2009＆＃34; 79]，[＆＃34 7/20/2009＆＃34; 20]，[＆＃34; 10/20/2009＆＃34; 34]，[＆＃34; 6/20 / 2010＆＃34; 67]，[＆＃34 2/20/2011＆＃34; 42]]];

PS：我还在goog中添加了一个新值，以获得7分作为7个滴答。

Answer 2

它没有在x轴上缩放，因为你已经指定了＆＃34; ticks＆＃34; x轴上的选项。我有同样的问题。在我看来这是一个错误。它应该按预期工作，即使我设置了刻度线（作为初始＆＃34;未缩放的＆＃34;值）。

放大jqplot不起作用，也无法绘制数据点

2 个答案: