Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/431.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中绘制图形,同时保留原始的相对位置?_Javascript_Graph - Fatal编程技术网

如何在javascript中绘制图形,同时保留原始的相对位置?

如何在javascript中绘制图形,同时保留原始的相对位置?,javascript,graph,Javascript,Graph,我想自动生成类似天气图的图表。其想法是存储数据中心的GPS坐标以及它们之间的链接 问题在于,一些数据中心彼此非常接近(几公里),而另一些数据中心则相距很远(数百公里)。这将生成一个主要是空白的图形,并且需要大量滚动:/ 我正在寻找一个完整的js解决方案来“压缩”距离,同时保留相对位置 有什么想法吗?如果你想压缩但保持相对距离,为什么不把所有的东西都减少一个特定的百分比呢。它们保持相同的距离比,只是按比例缩小 distance from orgin 100 miles 10 miles scal

我想自动生成类似天气图的图表。其想法是存储数据中心的GPS坐标以及它们之间的链接

问题在于,一些数据中心彼此非常接近(几公里),而另一些数据中心则相距很远(数百公里)。这将生成一个主要是空白的图形,并且需要大量滚动:/

我正在寻找一个完整的js解决方案来“压缩”距离,同时保留相对位置


有什么想法吗?

如果你想压缩但保持相对距离,为什么不把所有的东西都减少一个特定的百分比呢。它们保持相同的距离比,只是按比例缩小

distance from orgin
100 miles
10 miles

scaled by a factor of 10

10 miles
1 mile
相同的距离比刚刚压缩

或者与
+

 10 spaces    5  
*          +     *

compressed

*     + *

简单的数学解救

这与我要找的完全不同。这个库非常适合绘制数学数据,我需要绘制图表…实际上,我想保留相对距离,但不保留比例。这是一种“液体大小调整”。