Javascript vis.js 3D条形图:基于z坐标值设置条形图颜色

Javascript vis.js 3D条形图:基于z坐标值设置条形图颜色,javascript,jquery,css,graph,vis.js,Javascript,Jquery,Css,Graph,Vis.js,我正在尝试使用vis.js中的Graph3d创建一个条形颜色,在这里我可以根据z坐标值控制条形颜色 我已经写了一个参考示例的示例,这里的条颜色取决于条的z坐标或高度。viz.js相对分配条形图颜色,红色表示低值,蓝色表示高值 但问题是,如果所有数据点都具有相似的值,即使实际值非常低,条形图颜色也将接近蓝色。我希望低值始终为红色,高值始终为绿色/蓝色。在viz.js中有没有实现这一点的方法 var数据=null; var图=空; /** *返回最小值(包含)和最大值(独占)之间的随机数 */ 函

我正在尝试使用vis.js中的Graph3d创建一个
条形颜色
,在这里我可以根据z坐标值控制条形颜色

我已经写了一个参考示例的示例,这里的条颜色取决于条的z坐标或高度。viz.js相对分配条形图颜色,红色表示低值,蓝色表示高值

但问题是,如果所有数据点都具有相似的值,即使实际值非常低,条形图颜色也将接近蓝色。我希望低值始终为红色,高值始终为绿色/蓝色。在viz.js中有没有实现这一点的方法

var数据=null;
var图=空;
/**
*返回最小值(包含)和最大值(独占)之间的随机数
*/
函数GetRandomArbital(最小值、最大值){
返回Math.random()*(max-min)+min;
}
//加载可视化API时调用。
函数drawVisualization(){
变量样式='条形颜色';
//创建并填充数据表。
数据=新的vis.DataSet();
//弹出数据

对于(var x=1;x而言,颜色取决于z轴的比例。如果您手动将轴范围设置为0-100,而所有数据的值都在90-100范围内,则所有数据点都将为红色,并且图形看起来几乎平坦。如果您让比例自动确定,它将只适合数据并从最小值(90)缩放颜色最大值(100)


没有提供您自己的色标功能的官方功能,但您可以做的是替换(内部使用的)图形H3D。_hsv2rgb(h、s、v)方法使用您自己的颜色比例函数。

我知道Jos。我的数据点的值将在0-5之间。我的用例是绘制上一小时的数据,我希望设置比例,以便任何看到图形的人都可以第一眼看到信息。即,如果许多数据点的高度较低,他们会知道某个位置较低g是错误的,需要采取行动。我希望颜色能够增强演示文稿。所以你想要某种非线性色阶?这是一种解决方法,但你可以尝试替换(内部使用的)
graph3d.\u hsv2rgb(h,s,v)
使用您自己的颜色比例方法。谢谢Jos。我会尝试一下,然后再给您回复。嘿,Jos,非常感谢您的提示。我做了更改,现在效果很好。:)你能把你评论中的信息作为另一个答案提交给我吗?你能编辑你的答案或给出一个新的答案让我接受吗?嗨,nnb,我想改变我自己的颜色以填充在graph3d条形图中。你能告诉我如何覆盖
graph3d.\u hsv2rgb(h,s,v)
方法吗?