如何使用java脚本库显示3D图表 [英] How to display 3D charts by using java script libraries

问题描述

大家好，

我想在3d图表中传递数据，即; x轴和y轴，z轴。这是我的要求。

请提供相关的灵魂。



提前致谢



我尝试了什么：



i已经尝试过2d图表，它工作正常，但我需要的方式相同在3d图表中传递数据，如x轴，y轴，z轴。

Hi all,
i want to pass data in 3d charts i.e; x-axis and y-axis,z-axis. This is my requirement.
please provide soultion regarding this.

Thanks in Advance

What I have tried:

i have tried for 2d charts, it is working fine, but the same way i need to pass data in 3d charts like x-axis,y-axis,z-axis.

推荐答案

如果你的意思是标准的javascript ，所以看看这个链接;）



Plotly.js 3D图表 [ ^ ]

< br>

使用此代码











< meta http-equiv =content-typecontent =text / html; charset = UTF-8/>





link rel =stylesheettypetext / css：href =style.css>





Plotly.d3.csv（'data_file.csv'，函数（错误，行）

{

console.log（行）;

var data = [];

for（let i = 0;我& lt; rows.length; i ++）

{

data.push（rows.map（row => row [i]））;

}

console.log（数据）;

Plotly.netPlot（'chart'，[{

z：data，

type ：'surface'

}]）;

}）;

USE THIS CODE





<meta http-equiv="content-type" content="text/html; charset=UTF-8" />


link rel="stylesheet" type"text/css:" href="style.css">


Plotly.d3.csv('data_file.csv',function(err,rows)
{
console.log(rows);
var data = [];
for (let i = 0; i &lt; rows.length; i++)
{
data.push(rows.map(row => row [i]));
}
console.log(data);
Plotly.netPlot('chart',[{
z:data,
type: 'surface'
}]);
});

这篇关于如何使用java脚本库显示3D图表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！