javascript - 如何删除绘图区域图的背景线

我不希望在绘图区域图的背景中显示线条。我的图是这样来的。

我想从图中删除这些线。但是我没有任何解决方案。

我提到了this code.

以下是我的代码：
demo.html

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">
</script>
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
</head>

<body>

 <div id="myDiv" style="width: 480px; height: 400px;"><!-- Plotly chart will be drawn inside this DIV --></div>
 <script>
   var trace1 = {
   x: ['2013-10-04 22:23:00', '2016-10-06 22:23:00',  '2013-11-04 22:23:00', '2013-11-07 22:23:00','2013-12-04 22:23:00', '2013-12-08 22:23:00'],
   y: [1, 3, 6,9, 4, 5],
   fill: 'tozeroy',
   fillcolor: 'red',
   text: server1,
   hoverinfo: "x+y+text",
   name:"Server 1",
   type: 'scatter',
   mode:"markers",
   marker:
   {
    size:5,
    color:"gray"
   },
   uid:"c2e171"
   };
   var layout = {
    margin: {
     l: 35,
     r: 40,
     b: 50,
     t: 10
    },
    legend: {
     "orientation": "h"
    },
    yaxis : {
     fixedrange: true
    },
   };
   var data = [trace1];
   Plotly.newPlot('myDiv', data,layout);

   var plotDiv = document.getElementById('myDiv');
 </script>
 </body>
 </html>

当我展开图意味着拖动图x轴的日期被隐藏时，

请给我解决方案。我是plotly.js的新手

最佳答案

您可以使用showgrid：

xaxis: {
    showgrid: false
},
yaxis: {
    showgrid: false,
    showline: true
}

更多plot.ly布局参考：https://plot.ly/javascript/reference/#layout-xaxis