草庐IT

3D条形图

全部标签

javascript - HighCharts - 条形图中的 Y 轴填充

我使用一种y轴标签样式,其中每个数字左对齐放置在其各自水平网格线的顶部,如下图所示。在HighCharts中唯一的复杂情况是轴标签有时会与柱形图中的第一列重叠。更新的演示:例如,请参阅此图表:http://jsfiddle.net/NWsgz/1/我尝试使用xAxis.minpadding来实现这一点,但该属性似乎对柱形图没有影响。Highcharts有没有办法达到我想要的效果?理论上我可以通过使条形非常窄来获得效果,但我正在寻找另一种解决方案。 最佳答案 我想出了一个解决方法,但它并不完美。使用yAxis.offset将yAxis

javascript - Chartjs 条形图图例

我在使用chartjs创建的条形图上显示图例时遇到问题。该文档讨论了一个图例模板,但我似乎找不到一个很好的例子来说明如何将其实现到图中。下面是我用来生成图表的代码。 varrandomScalingFactor=function(){returnMath.round(Math.random()*100)};varbarChartData={labels:["Item1","Item2","Item3","Item4","Item5","Item6","Item7","Item8","Item9","Item10","Item11","Item12","Item13","Ite

javascript - 如何动态地将行/列添加到 Google 柱形图

我想创建一个柱形图,使用GoogleVisualizationAPI,我可以发送数据以数组形式填充图表的数据表。但是我需要生成列数/行数可变的图表,具体取决于我的数组包含的内容,我不知道如何正确地迭代它们并将它们添加到DataTable。下面是一个解析静态数据生成图表的例子:(所有这些都在javascript中)vardata=google.visualization.arrayToDataTable([['Year','Sales','Expenses'],['2004',1000,400],['2005',1170,460],['2006',660,1120],['2007',10

javascript - 从文本生成条形码并将其转换为 base64

有人知道从字符串生成条形码图像(最好是代码39)并将其转换为base64字符串的工具吗,可以这样使用:vartext="11220";//texttoconvertvarbase64Str=textToBase64Barcode(text);//functiontoconvertitsinput//toanimageformattedinabase64stringlike:"data:image/jpeg;base64..."? 最佳答案 使用JsBarcode这个函数会做你想做的事。functiontextToBase64Barc

javascript - Three.js Object3d 圆柱体旋转对齐向量

我进行了广泛的搜索,但似乎无法弄清楚这个非常基本的东西。一两年前,我在stackoverflow和其他地方看到过其他示例,但它们无法与最新版本的Three.js一起使用。这是我正在处理的版本:http://medschoolgunners.com/sandbox/3d/.我试图让灰色圆锥与未标记的红色矢量完全对齐。IE。我希望圆锥体的尖端与矢量完全对齐,并从原点指向该方向。这是我现在的代码://FUNCTIONTOCREATEACYLINDERfunctioncreate_cylinder(radiusTop,radiusBottom,height,segmentsRadius,seg

javascript - 如何在 Kendo UI 条形图中使条形图具有不同的颜色?

我正在用KendoUI替换我的点网图表。我正在展示分数分布图。我希望所有条形图的颜色都相同,除了具有中位数分数的条形图和图例。如何为单个条形着色独特的颜色?我如何为图例着色这种新颜色?下面是我的旧dotnet图表条形图,下面是我试图替换它的新KendoUI图表。我只需要正确着色,我们就可以开展业务了。感谢您的帮助。 最佳答案 更新:我将完整保留此行下方的答案,以防有人使用旧版本,但peralatercomment,KendoUI现在允许您覆盖系列中各个点的样式。我不相信你可以,在当前版本中。也就是说,您可以绕过限制。您需要创建两个数

javascript - 用 JavaScript 进行 3D 渲染的最佳在线资源是什么?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭7年前。Improvethisquestion先介绍一下:去年我写了这个http://dragan.yourtree.org/code/canvas-3d-graph/现在,我想完全重写它,因为那个旧版本有一些限制,例如:有时会发生条形图不可见的情况,因为它们是一个接一个地绘制的。在这个旧版本中没有真正的3D,只有一堆模拟3D的2D线。现在,我想要的是进入完整的3D场景,我想将所有对象保留在内存中,并添加某种3D

javascript - 如何创建具有宽度和厚度的 Three.js 3D 线系列?

有没有办法创建具有宽度和厚度的Three.js3D线系列?尽管Three.js线对象支持线宽,但WebGL中所有平台上的所有浏览器尚不支持此属性。这是在Three.js中设置线宽的地方:varmaterial=newTHREE.LineBasicMaterial({color:0xff0000,linewidth:5});具有宽度的Three.js功能区对象最近已被删除。Three.js管对象生成3D挤压,但基于贝塞尔曲线的线条不会通过控制点。谁能想到一种在Three.js中绘制具有某种用户可定义的“体积”(例如宽度、厚度或半径)的线系列(折线、绘图线)的方法?这个问题可能是对这个问题

javascript - 在 float 条形图上显示条形内的值

我想在flot的栏内显示值条形图,像这样:||+----+||||||||||+----+|20||||||||10|||||||||---+----+------+----+------数据=[[1,10],[2,20]]有办法吗? 最佳答案 我需要同样的东西,所以我很快就拼凑了一个plugin为此和快速example它在行动。 关于javascript-在float条形图上显示条形内的值,我们在StackOverflow上找到一个类似的问题: https:

javascript - 如何为 chart.js(条形图)动态推送数据集?

我正在使用chartjs(条形图)来显示一些数据。我正在尝试将数据动态添加到datasets数组,但它不起作用。例如,假设我在数据集数组中有2个对象,我动态创建了这个对象并试图将他插入数据集(从Chrome控制台)在页面加载并且图表已经启动之后。vare={fillColor:"#efefef",strokeColor:"#efefef",highlightFill:"#efefef",highlightStroke:"#efefef",data:[randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),ran