我怎样才能将这些线条组合在一起?

时间:2015-08-26 12:30:11

标签: javascript charts flot

我有这个功能:

 flotLinea:function(tareas){

var self = this;


var options = {

        legend: {

                position:"nw",

                },

        lines: 
                {
                    show: true,
                    fill: true
                },
        points: 
                { 
                    show: true
                },
        xaxis: 
                {
                    mode: "time",
                    minTickSize: [0, "day"],
                    timeformat: "%d/%m/%y"
                },
        yaxis: 
                {
                    min: 0,
                    tickSize:10,
                    tickDecimals: 0,
                },  

    };
    console.info(tareas);
    $.plot("#grafico",tareas,options);
},

功能打印:

enter image description here

我怎样才能将这些线条组合在一起?或者更接近......

我需要这样的东西:

enter image description here

我不想在线之间留出那么多空间

1 个答案:

答案 0 :(得分:0)

您没有发布该功能,只发布了设置。

问题是两个数据集在同一个图表上使用,而您的x轴数据有差距。您需要将蓝线数组x轴数据移位一个月。

因此,如果没有看到您的代码,我们假设您的蓝线有以下伪代码:

sayhi

第一个元素需要左移:

[[19-8-15, 40],[20-8-15, 50],[21-8-15, 50],etc...]

要实现此目的,您需要使用时间戳,然后减去一个月中的秒数,并将其迭代地应用到您的蓝色系列中。

发布创建数据的函数,我们将从那里开始......