爲什麼圖形在拖動後變得空白

當我多次拖動（展開）時，圖形將變爲空白。我提到this code.爲什麼圖形在拖動後變得空白

我想積分圖應該像High Cahrt line graph一樣工作。在高圖表中，當我們拖動4-5倍然後停止放大圖並且沒有變成空白圖。

我想停止它。我不想空白。我沒有得到如何阻止它。拖動圖形像在此之前：

拖動多次後圖來樣如下：

我的代碼是：

<script> 
var server1 = ['server1','server1','server1','server1','server1','server1','server1']; 
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: 20, 
    r: 40, 
    b: 40, 
    t: 10 
    }, 
    legend: { 
    "orientation": "h" 
    }, 
}; 
var data = [trace1]; 
Plotly.newPlot('myDiv', data,layout); 

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

請幫助我。我是新的plotly.js。預先感謝您。

來源

2017-04-18 Anil Jagtap

正如發生[你最近的問題（http://stackoverflow.com/q/43499161/1575353）似乎是一個未定義的變量：_server1_（此線路上使用：'text：server1，'。如果你[打開你的瀏覽器控制檯]（https://webmasters.stackexchange.com/a/77337/75755），你應該看到那個錯誤...如果沒有，請告訴我們_server1_是什麼定義爲... –

你在拖動什麼？ – nixkuroi

@nixkuroi，謝謝你看了我的問題。我更新了問題，並添加了server1所需的工具提示數組。 –

您使用的拖動作爲過濾器來查看（放大）更精細的數據。每次拖動時，它都會將數據視圖過濾爲更少的數據點。經過幾次拖動之後，您已將自己過濾爲數據可容納的較小時間段，因此圖表不顯示任何數據。嘗試雙擊圖表查看（縮小）原始數據。

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script> 
 
<script type="text/javascript" src="//plot.ly/static/plotlyjs/build/plotlyjs-bundle.63b9876b722c.js"></script> 
 
<div id="myDiv"></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: 20, 
 
    r: 40, 
 
    b: 40, 
 
    t: 10 
 
    }, 
 
    legend: { 
 
    "orientation": "h" 
 
    }, 
 
}; 
 
var data = [trace1]; 
 
Plotly.newPlot('myDiv', data, layout); 
 

 

 
</script>

來源

2017-04-19 16:50:24 nixkuroi

拖動多次後，我想停止如果沒有縮放數據，請先放大。像這樣：http://www.highcharts.com/demo/line-time-series –

爲什麼圖形在拖動後變得空白

回答

相關問題