草庐IT

javascript - 改进 D3 序列旭日示例

这个D3示例作为我的起点:http://bl.ocks.org/kerryrodden/7090426我想更改为图表提供数据的数据,并制作了以下新示例:http://jsfiddle.net/ZGVK3/至少可以注意到两个问题:图例是错误的。这是因为它仍然包含来自原始示例的“硬编码”名称。所有节点都是黑色的。这是因为配色方案也仅针对原始示例中的节点名称进行了“硬编码”。如何改进原始示例(或我的jsfiddle,没关系),以便图例和颜色根据提供图表的数据进行self调整? 最佳答案 您可以使用序数比例将颜色映射到不同的节点名称。实现它

javascript - 在纯 Javascript 中每次单击都会更改背景颜色

我正在尝试用Javascript制作一个按钮,单击该按钮会将背景颜色更改为随机颜色。我的代码在第一次点击时运行良好,但在后续点击时不起作用。在没有任何jquery的情况下,我该怎么做才能在纯javascript中修复此问题。谢谢!varbuton=document.getElementById("buton");varrandcol="";varallchar="0123456789ABCDEF";buton.addEventListener("click",myFun);functionmyFun(){for(vari=0;i 最佳答案

返回 "n"给定颜色的 JavaScript 函数(从深到浅)

我想获取特定颜色的颜色范围来生成标签云。假设用户输入了一些带有RGB/HHHHHH值的颜色,那么我想编写一个返回RGB/的函数f(color,no)HHHHHH表示指定“颜色”的“无”从深色到浅色的不同深浅。然后,这些颜色将有助于显示具有相同阴影的不同颜色的不同标签。但我想避免其中出现黑白色调。以下是F({R:0,G:0,B:255},7)的示例,它返回7蓝色阴影。我不希望任何RGB组合都是如此,例如(25,150,150)。是否可以使用JavaScript实现此功能,或者是否有任何RGB公式可以实现此功能? 最佳答案 functi

javascript - highchart 获取系列颜色和标记

我想在显示数据的表格旁边显示折线图系列的颜色和标记。我没有手动设置颜色。如何通过JavaScript获取系列颜色和标记? 最佳答案 您可以使用以下内容:varclr0=chart.series[0].color;varmrk0=chart.series[0].symbol;这是一个关于jsfiddle的例子. 关于javascript-highchart获取系列颜色和标记,我们在StackOverflow上找到一个类似的问题: https://stackove

javascript - 谷歌可视化堆叠条形图 : colors and labels for each value

我正在使用GoogleVisulaizationAPI来呈现一个图表,该图表显示具有多个值的单行,如下所示:使用以下代码:vardata=google.visualization.arrayToDataTable([['','0%','25%','50%','75%','100%',{role:'annotation'}],['Mood',3,7,20,25,45,'']]);varoptions={isStacked:true,hAxis:{minValue:0}}varchart=newgoogle.visualization.BarChart(document.getElemen

javascript - Chart.js Line,负点的不同填充颜色

当点为负时,我需要更改LineChart.js中的填充颜色(内部区域)。代码简单基础:$(document).ready(function(){varctx=$("#myChart").get(0).getContext("2d");vardata={labels:["January","February","March","April","May","June","July"],datasets:[{label:"MyFirstdataset",//fillColor:"rgba(60,91,87,1)",//String-thecolortofilltheareaunderthel

javascript - 如何使用 javascript/jQuery 增加/减少十六进制颜色值

是否可以在jQuery/javascript中逐步增加或减少十六进制颜色值?我想做的是这样的:从像这样的for循环中改编for(vari=0;i我想做类似的事情for(varcolor=000000;color没有任何转换。这可能吗?我已经试过了:for(varcolor=parseInt('000000',16);color它可以工作,但速度非常慢(我收到警告说脚本正在减慢网站速度,如果我想停止脚本)。我要这样做的原因:我想在一定的时间间隔内更改svg渐变的色标。例如,如果我有这个svg(简化):......这个渐变当然会显示为纯色。现在我想逐步将其更改为例如......在每个步骤或

javascript - 将 Hsl 转换为 rgb 和 hex

我需要一个颜色转换器来将hsl值转换为rgb值和十六进制值。我将做类似的事情this.为此,我正在使用jquery和jqueryuirangeslider。这是我的代码:$(function(){$("#hsl_hue_range").slider({min:0,max:100,value:0,range:false,animate:"slow",orientation:"horizontal",slide:function(event,ui){varhsl_hue=ui.value;}});});$(function(){$("#hsl_saturation_range").slid

javascript - 在 Lab、Hcl 或任何感知均匀的颜色系统中改变色调和亮度

在HSL颜色空间中更改色调、饱和度和亮度非常容易。参见thisjavascriptimplementationforexample.生成配色方案也很容易,例如:类似色、单色、三色、四色等。参见thisjavascriptimplementation.问题在于HSL颜色系统在感知上并不统一。实际上这是一个真正的问题。如果你不知道我在说什么,没关系。阅读:here和here.(这两篇文章真的很短,但很有值(value),你真的应该读一读)。解决方案是使用感知统一的色彩空间,例如:CieLab、CieLuv或Hcl。问题是这些颜色空间也有色域外的颜色(无法显示的颜色)。要在javascrip

javascript - 热成像调色板

自早期的热成像技术以来,红外热像仪通常使用独特的调色板,从黑色到蓝色、品红色、橙色、黄色再到亮白色。此调色板通常称为Iron或Ironbow。这是使用前视红外相机拍摄的图像的典型假彩色可视化(来源:维基百科)。"Termografiakot"byLcamtuf-典型的伪彩色红外线在一个专门的红外图像论坛上,我发现了2005年的一篇帖子,其中的离散调色板似乎接近我要找的内容。来源不明的离散FLIR调色板然而,与彩虹调色板一样,最好有一个定义调色板的简明分析表达式。对于那些使用过GNUPLOT的人来说,这个调色板可能看起来很熟悉,因为默认的PM3D调色板运行黑-蓝-品红-橙-黄。GNUPL