javascript - 3D 线条未从 WebGL Globe 渲染出来(潜在的 CSS 冲突?)

标签 javascript css three.js splunk webgl-globe

我正在尝试添加 WebGL Globe visualization进入自定义 SaaS 应用程序 (Splunk),而不是让线条超出地球范围,我只看到点。

enter image description here

我怀疑该应用程序有自己的 CSS 或覆盖和隐藏或阻止线条出现的东西。但是我不知道从哪里开始调试以及我应该寻找哪些“麻烦的”CSS 属性。

我不确定这是否有帮助,但这里有两个元素的 CSS 属性的屏幕截图:<div><canvas><div> 里面:

https://www.dropbox.com/s/x7qqkhimkh34h8q/Screenshot%202014-09-26%2000.40.35.png?dl=0 https://www.dropbox.com/s/h79190dgf2k99w6/Screenshot%202014-09-26%2000.40.44.png?dl=0

我的 sample JSON data来自this tutorial这是有效的。我什至尝试了一个非常简单的数据集

[['series1', [0, 0, 1]]]

即使那样也没用(只有一个点)。

最佳答案

您的 JSON 文件中的幅度非常小,这导致点看起来不像线。尝试将震级增加到接近 0.5 左右。

关于javascript - 3D 线条未从 WebGL Globe 渲染出来(潜在的 CSS 冲突?),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26052208/

相关文章:

javascript - 在浏览器中完全运行经过训练的 PyTorch LSTM/GRU 模型的最佳方式

html - Iframe 中的 PHP 页面中的背景透明度错误

javascript - 为什么从同一设备查看 3 次后重定向页面不起作用?

javascript - 如何在子元素增加时增加父元素?

css - 使用表行上的边框半径圆 Angular ,两个单元格在单元格边框处断开

css - Bootstrap 超小尺寸的窗口

javascript - 旋转的方向向量(three.js)

javascript - 在 three.js 中即时更改特定面孔的纹理

javascript - Three.js 转换的 OBJ 渲染为网格很好,但记录为未定义?

javascript - 如何将字符串转换为二维数组?