Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/macos/10.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 Plotlyjs ticktext/tickvals不显示xaxis标签_Javascript_Plotly_Plotly.js - Fatal编程技术网

Javascript Plotlyjs ticktext/tickvals不显示xaxis标签

Javascript Plotlyjs ticktext/tickvals不显示xaxis标签,javascript,plotly,plotly.js,Javascript,Plotly,Plotly.js,我一直在尝试利用plotlyjs上的tickvals/ticktext,以便能够在图形上为xaxis显示重复的值。它在分离xaxis上具有多个重复值的数据方面起作用,但数据点是1:1的-我遇到的问题是没有xaxis记号或xaxis标签显示记号 以下是我的问题代码: 以下是便于阅读的代码: var trace1 = { y: [1323,1070,849,1312,1214,1264,680,2006,1625,0,1199,1770,1880,708,603,649,1384,732,23

我一直在尝试利用plotlyjs上的tickvals/ticktext,以便能够在图形上为xaxis显示重复的值。它在分离xaxis上具有多个重复值的数据方面起作用,但数据点是1:1的-我遇到的问题是没有xaxis记号或xaxis标签显示记号

以下是我的问题代码:

以下是便于阅读的代码:

var trace1 = {
  y: [1323,1070,849,1312,1214,1264,680,2006,1625,0,1199,1770,1880,708,603,649,1384,732,2312,92,1377,1125,1219,1757,1207,2397,1190,1818,2846,1200,1685,1563,1203,1059,820,4303,812,3640,1924,4185,1269,2263,1140,1210,1638,1362,4915,1594,683,1222],
  mode: 'markers'
};

var trace2 = {
  y: [5870,1574,1372,2093,1361,1388,615,1927,947,,1040,,,638,546,542,1051,637,4161,289,1103,0,1308,1658,1340,2198,1245,1568,2392,1297,1583,1281,1282,697,482,3633,653,3233,2096,3815,1401,2116,867,1232,1420,1010,4091,478,208,1262],
  mode: 'lines'
};

var trace3 = {
  y: [1141,1324,424,668,414,407,494,1763,1100,,522,360,108,474,145,621,689,234,154,40,303,364,407,1133,347,1527,358,1745,1223,345,1131,1024,365,754,614,1894,287,5332,363,568,335,1545,1294,383,1255,1107,2090,612,66,390],
  mode: 'lines+markers'
};

var data = [ trace1, trace2, trace3 ];

var layout = {
  xaxis: {
    ticktext: [24346247,24346247,24346247,24346247,24332892,24332892,24332892,24332670,24332670,24330025,24330025,24330025,24330025,24330025,24330025,24330025,24330025,24330025,24330025,24330025,24330025,24330025,24330025,24330025,24330025,24330025,24330025,24330025,24316962,24316962,24316962,24290013,24290013,24290013,24290013,24290013,23738933,23738933,23738933,23738933,23738933,23738933,23738933,23738933,23738933,23738933,23738933,23738933,23738933,23738933],
    tickvals: [24346247,24346247,24346247,24346247,24332892,24332892,24332892,24332670,24332670,24330025,24330025,24330025,24330025,24330025,24330025,24330025,24330025,24330025,24330025,24330025,24330025,24330025,24330025,24330025,24330025,24330025,24330025,24330025,24316962,24316962,24316962,24290013,24290013,24290013,24290013,24290013,23738933,23738933,23738933,23738933,23738933,23738933,23738933,23738933,23738933,23738933,23738933,23738933,23738933,23738933],
  },
};

Plotly.newPlot('myDiv', data, layout, {showSendToCloud: true});

x轴标签未通过代码笔显示的示例。

如果未为记录道设置x值,则会自动为其指定从0到n的x值。因此,只有当tickval数组为[0,1,2,3,…,n]时,tickText才会可见,请参见此jsFiddle:

您的跟踪没有任何x值。隐式地,它们被分配了从1到n的x值,这就是为什么只有当tickval数组为[1,2,3,…,n]时,TickText才会可见的原因。@mit通过这个问题:-这就是我们获得重复x值的方法。不幸的是,如果我像你所说的那样设置一个x值,它将不会接受重复的值,并给我一个只有4个x值的残缺图。我没有告诉你设置一个x值。我说如果你想让你的解决方案工作,你必须改变你的tickval数组,比如说@mit ahhh我明白你的意思。让我试试。谢谢你的提示@麻省理工学院,谢谢。介意回答这个问题吗?这样我就可以接受了?