草庐IT

3d饼图

全部标签

javascript - 如何缩小 KendoUI 饼图的大小?

如何缩小KendoUI饼图的大小?我正在使用以下配置使用饼图。我已将边距设置为1个像素,将填充设置为1个像素,但它似乎对饼图的呈现方式没有任何影响。我没有标题,但仍有标题空间。我希望能够减少图表顶部之间的空间以及图例和实际图表之间的空间。我的配置:jQuery("#chart").kendoChart({//theme:jQuery(document).data("kendoSkin")||"Metro",legend:{position:"bottom",padding:1,margin:1},seriesDefaults:{labels:{visible:true,template

javascript - 使用 d3.js 和 TypeScript 绘制饼图时出现编译错误

我正在尝试使用d3.js库和TypeScript绘制饼图。我有以下代码:"usestrict";moduleChart{exportclasschart{privatechart:d3.Selection;privatewidth:number;privateheight:number;privateradius:number;privatedonutWidth:number;privatedataset:{label:string,count:number}[];privatecolor:d3.scale.Ordinal;constructor(container:any){this

javascript - Jqplot 饼图的背景色

请给我一个页面,在页面中我有两个饼图,我想为2个图表显示不同的背景颜色,但它嵌入在css文件中!有没有选择使用任何颜色?还是让它透明?我的代码:PieTimer[index]=jQuery.jqplot(PieTimerId,TimerValuesArray,{seriesDefaults:{shadow:false,seriesColors:["#13e837","#6e869b"],renderer:jQuery.jqplot.PieRenderer,rendererOptions:{highlightMouseOver:false,diameter:40,padding:0,sh

javascript - 使用 CSS 3D 变换从 DOM 对象接收变换后的鼠标事件数据

目前在javascript鼠标事件中是否有任何数据可以让我轻松找到或计算相对于转换元素的3D空间的鼠标位置?为了直观地说明,左边是没有3d矩阵的div,右边是3d变换后的div。o是鼠标事件的来源+/|/|+-----++||||||o|=>|o|||||+-----++|\|\|+在下面的脚本中,单击div中的相同像素将报告一个位于文档/屏幕的二维变换空间中的event.layerX。我知道,但对解析div的matrix3d并使用它乘以事件位置以发现这一点的前景并不感到兴奋,但是在实际实现中,div将具有更复杂的转换,这需要在不止一个对象的每一帧上完成,我担心会带来的开销......

javascript - 计算 3d 空间等距离的通用公式

这可能不是发布此内容的正确位置,但我不知道还有什么地方可以发布它。我有5条线(d1->d5)在3d透视图中彼此均匀分布,我有(a)Angular、(d1)和(b5)的值。我需要用jquery计算(b2,b3,b4,d2,d3,d4,d5)。我可以用以下方法计算d5:d5=d1-(b5*Math.tan(a))但我不知道如何计算b2、b3和b4。(d1分为4个相同的segments(s))任何帮助将不胜感激。 最佳答案 您正在寻找的是投影量表。在计算上执行此操作的最简单方法是使用齐次坐标,取一个矩形(如下面第一张图片中的矩形),其中V

javascript - d3js 围绕饼图重新分配标签

我正在使用d3.js创建一个在外面带有标签的圆环图。我使用基于饼图每个切片的质心的三Angular函数来定位标签。g.append("g").attr("class","percentage").append("text").attr("transform",function(d){varc=arc.centroid(d);varx=c[0];vary=c[1];varh=Math.sqrt(x*x+y*y);return"translate("+(x/h*obj.labelRadius)+','+(y/h*obj.labelRadius)+")";}).attr("dy",".4em

Javascript 3d 图形实用程序?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭7年前。Improvethisquestion有人知道任何好的javascript3d绘图实用程序吗?我知道每个网站都会推荐Canvas3dGraph但它实际上是非常有限的。对于其中一个,它只允许使用1000以内的数据集进行绘图。虽然它确实有一些能力(通过一些代码修改)来绘制有点超出其范围的数据,但完全改造后的任何东西都不允许绘制图形基于时间或值远大于1000的数据。(我的数据值范围为数十亿。)或者我应该放弃所有

javascript - 饼图点击问题 - 未检测到点击

我一直在尝试创建一个图表来显示世界不同地区发生的事件。所以我基本上结合了两个图1)d3googlegraph(http://bl.ocks.org/mbostock/899711)通过map和jqueryflot饼图(http://people.iola.dk/olau/flot/examples/pie.html)显示区域来映射事件。我将所有相应的纬度经度值存储到一个数组中,并根据这些值附加map上的标记。所以基本上我会创建一个xhtml:div借助在相应标记上留出空间创建这些div后,我将为每个相应的div元素添加饼图。所以图形创建成功,饼图的“plotclick”功能,捕捉饼图上

javascript - 如何在 Aframejs 中加载 3d 模型?它目前在 threejs 中运行良好

我创建了一个3d动画模型,我设法在threejs中运行它。varloader=newTHREE.FBXLoader();loader.load('model.fbx',function(object){object.mixer=newTHREE.AnimationMixer(object);mixers.push(object.mixer);console.log(object.animations.length);varaction=object.mixer.clipAction(object.animations[0]);action.play();object.traverse(

javascript - 将 C# 3D 数组移植到 JS 3D 数组

我开发了一个c#库,它在3个项目中使用,该库在该特定代码段中中继,但是,我仍然需要在javascript中使用该代码,所以我将其移植出去,问题是,我不认为我可以复制相同的逻辑,例如,我一直在想这几天我无法得到答案。在C#库中,我有一个3D数组,它有点像应用程序中的核心属性,但我似乎无法弄清楚如何在JS环境中实现它。例如我有这段代码:publicObj[,,]objs=newObj[18,14,8];我会在每个位置分配对象,并尝试将其移植到javascript,这似乎会导致:var3dArr=newArray();3dArr[0]=newArray();3dArr[0][0]=newAr