为什么图形在拖动后变得空白 [英] why graph is getting blank after dragging it
问题描述
当我多次拖动(扩展)时,图形变为空白.我引用了此代码.
When I'm dragging(expanding) multiple times then graphs coming blank. I referred this code.
我要绘制的图应该像高Cahrt线图一样工作.在高图表中,当我们拖动4-5次时,其停止放大图,而不会出现空白图.
I want to plotly graph should work likeHigh Cahrt line graph. In high chart when we drag 4-5 times then its stop zoom-in graph and not getting blank graph.
我想阻止它.我不要空白我不知道如何阻止它.在像这样拖动图形之前:
I want to stop it. I don't want blank. I didn't get how to stop it. Before dragging graph like this:
多次拖动后,图形如下:
After dragging multiple times graph coming like following:
我的代码是:
<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的新手. 预先谢谢你.
please help me. I'm new with plotly.js. Thank you in advance.
推荐答案
您使用的拖动充当过滤器,用于更详细地查看(放大)数据.每次拖动时,它会将数据视图筛选到较少的数据点.进行几次拖动后,您已将自己过滤到比数据可容纳的时间更短的时间段中,因此图表不显示任何数据.尝试双击图表以查看(缩小)原始数据.
The drag you're using acts as a filter to look at (zoom in) the data in finer detail. Each time you drag, it filters your view of the data to fewer data points. After a few drags, you have filtered yourself into a smaller section of time than can be accommodated by the data, so the chart displays no data. Try double clicking your chart to see (zoom out) to the original data.
<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>
这篇关于为什么图形在拖动后变得空白的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!