Jquery jqplot:分离刻度和系列值

Jquery jqplot:分离刻度和系列值,jquery,jqplot,Jquery,Jqplot,我有一个web服务,它在一个数组中发送日期值(对于x轴)。它在另一个数组中发送y轴值 是否可以让jqPlot使用2个这样的数组创建图表。文件似乎表明这是可能的 我知道在一个数组中组合日期和序列值是有效的。希望避免组合两个阵列的额外处理 这个JSFIDLE显示了示例代码。谁能看一下让我知道怎么做 JSFIDLE今天早上返回错误,因此在下面发布jQuery代码 $(document).ready(function() { var dateValues = ["01/15/2012", "01

我有一个web服务,它在一个数组中发送日期值(对于x轴)。它在另一个数组中发送y轴值

是否可以让jqPlot使用2个这样的数组创建图表。文件似乎表明这是可能的

我知道在一个数组中组合日期和序列值是有效的。希望避免组合两个阵列的额外处理

这个JSFIDLE显示了示例代码。谁能看一下让我知道怎么做

JSFIDLE今天早上返回错误,因此在下面发布jQuery代码

$(document).ready(function() {
    var dateValues = ["01/15/2012", "01/17/2012", "01/18/2012", "01/19/2012"];
    var dailyValues = [219, 73, 73, 146];

    plot2 = $.jqplot('chart', [dailyValues], {

        axes: {
            xaxis: {
                renderer: $.jqplot.DateAxisRenderer,
                ticks: dateValues
            }
        }
    });
});
谢谢
Abhi

我想不出jqPlot接受您想要如何定义输入的方法(ticks选项似乎只适用于数字)。我对“避免额外处理”的评论感到好奇。使用jQuery,它将非常简单:

$.map(dateValues, 
       function(val,idx){
           return [[val,dailyValues[idx]]];
       }
);

将两个数组“合并”为点对。

可以通过包含以下代码片段来解决日期轴的“同一日期的多个记号”:

  xaxis: {
           label: "Whatever you name it",
           renderer: $.jqplot.DateAxisRenderer,
           min:dateVal[0],
           max:dateVal[dateVal.length-1],
           tickInterval: '1 day',
请在
xaxis:
下包括最小值、最大值和滴答声间隔,而不是在
滴答声选项:

在我的例子中,数组dateVal中有日期值,其中第0个元素是x轴的最小日期值,最后一个元素是最大日期值。如果您愿意,您可以硬编码日期值


我希望这会有所帮助。

马克,同意$。地图是一种快速合并的方法。我希望避免编写更多的Javascript行,使其尽可能小。由于文件表明蜱和系列可以独立提供,我希望使用这条捷径。-谢谢我的问题,我有5个系列,都有相同的x轴日期,重复第一个系列[date1,y1-val1][date2,y1-val2]似乎很遗憾。。。然后是第二系列[日期1,y2-val1][日期2,y2-val2]。。。但是使用ticks:dateValues和DateAxisRenderer只会生成一个空白图表。有趣的是,y轴比例计算正确,x轴显示正常。只是没有划清界线。