Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在Flot中设置自定义X轴值_Javascript_Arrays_Json_Flot - Fatal编程技术网

Javascript 在Flot中设置自定义X轴值

Javascript 在Flot中设置自定义X轴值,javascript,arrays,json,flot,Javascript,Arrays,Json,Flot,我的自定义X轴值不显示在flot js中 绘制折线图的代码如下所示: var length = 0; var length1 = 0; var dataXY = []; var data = []; var dataX = []; length = allVenues.length; for (var i = 0; i < length; i++) { length1 = allVenues[i].length; for (var j = 0; j < lengt

我的自定义X轴值不显示在flot js中

绘制折线图的代码如下所示:

var length = 0;
var length1 = 0;
var dataXY = [];
var data = [];
var dataX = [];
length = allVenues.length;
for (var i = 0; i < length; i++) {
     length1 = allVenues[i].length;
     for (var j = 0; j < length1; j++) {
         dataX.push([j, returnDate(allVenues[i][j].date)]);
         dataXY.push([returnTimestamp(allVenues[i][j].date), allVenues[i][j].price, "<b>X</b> : " + returnDate(allVenues[i][j].date) + " | " + " <b>Y</b>: " + allVenues[i][j].price]);
     }
}
var result = {'label': 'Demo Graph', 'data': dataXY};
data = [result];

var options = {
    lines: {
      show: true
    },
    points: {
       show: true
    },
    xaxis: {
       ticks: dataX
    },
    grid: {
       hoverable: true,
       clickable: true
    },
    tooltip: {
        show: true,
        content: "%s | X: %x | Y: %y"
   }
};
function returnTimestamp(val) {
  var dateTime = new Date(val);
  return moment(dateTime).unix();
}

function returnDate(val) {
   var dateTime = new Date(val);
   return moment(dateTime).format("YYYY-MM-DD hh:mm:ss A");
}

$.plot("#placeholder", data, options);
dataX数组值为:

{"label":"Demo Graph","data":[[1455776629,12],[1455801889,30],[1455962948,45]]}
[[0, "2016-02-18 11:53:49 AM"], [1, "2016-02-18 06:54:49 PM"], [2, "2016-02-20 03:39:08 PM"]]
现在我想将这个“dataX”数组设置为图表上的X轴值(刻度)。 该值显示在下面带有X轴的线图的每个点中。 这里是来自AllVinces Json数组的dataX和dataXY

除了X轴数据外,我的图表运行良好。您可以在下图中看到


滴答声的
dataX
数组必须与实际数据数组具有相同的x值(时间戳):

[[1455776629, "2016-02-18 11:53:49 AM"], [1455801889, "2016-02-18 06:54:49 PM"], [1455962948, "2016-02-20 03:39:08 PM"]]

PS:我还建议在标签中的日期和时间之间加一个换行符(

)。

谢谢您的回复,还有一件事,我想在图表中设置最大限制。例如,仅显示图表中的前6个数据,因为这是我的真实数据图表。请给出建议。1)将循环中的
length1
设置为6,以便只获得6个数据点,或2)使用中的
min/max
值。好的,但如果我使用min/max,则我的图形将不显示任何内容。您使用了哪些值作为min和max?我的xaxis类似:xaxis:{ticks:dataX,tickColor:'透明',最小值:0,最大值:6}