JavaScript,这是一种在图形中将浮动表示为颜色的好方法

法哈瓦

我正在尝试使用JavaScript(D3.js)创建一个图,每隔一秒钟我就会有一个带有标签的新输入点,该标签是从给定间隔中随机选择的一个浮点数。

我需要用一种给定的颜色来表示此标签(浮动),以便获得带有渐变颜色的点,例如

在此处输入图片说明

到目前为止,我已经尝试过了,但是没有给出预期的结果。

function float2color( label ) {
        var r = 255 - ( label / 8 * 255 | 0 ); 
            g = label / 8 * 255 | 0;  

        return '#' + 
            ( r ? ( r = r.toString(16), r.length == 2 ? r : '0' + r ) : '00' ) +
            ( g ? ( g = g.toString(16), g.length == 2 ? g : '0' + g ) : '00' ) + '00'
    }

结果(不好))

在此处输入图片说明

洛霍沃

听起来您想要的是线性色标。这将替换您的float2color函数。

var color = d3.scale.linear()
    .domain([min, max])
    .range(['blue', 'yellow']);

然后要从浮动中实际获取颜色,

color(float_value);

请注意,'blue'并且'yellow'也可以作为十六进制表示形式给出。参见https://github.com/mbostock/d3/wiki/Quantitative-Scales#linear-scales

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

有没有一种方法可以通过XML属性为浮动操作按钮设置波纹颜色?

来自分类Dev

创建通用的GWT事件:这是一种好方法吗?

来自分类Dev

这是“隐藏”数据库凭据的一种好方法吗?

来自分类Dev

取决于帐户ID的存储库-这是一种好方法吗?

来自分类Dev

为几个表创建通用的相关表是一种好方法吗?

来自分类Dev

为几个表创建通用的相关表是一种好方法吗?

来自分类Dev

这是一种将Firefox 26.0伪造为其他浏览器的方法吗

来自分类Dev

python检查字符串是否为空-这是一种优雅的方法

来自分类Dev

在Codeigniter中将数据从一种方法解析为另一种方法

来自分类Dev

将大型JSON文件从javascript发送到php的一种好方法是什么?

来自分类Dev

有没有一种好的方法来冻结Javascript中的对象数组?

来自分类Dev

是否有一种仅使用JavaScript将JSON数据附加到div的好方法?

来自分类Dev

这是否仍为一种指针函数声明别名?

来自分类Dev

UIBezierPath为每块放置一种颜色,导致最后一种颜色

来自分类Dev

除了成功以外,类会抛出异常,这是一种好的实践/编程形式吗?

来自分类Dev

Python中的类/ OO是一种好方法吗?

来自分类Dev

这是JavaScript逗号运算符的一种情况

来自分类Dev

在Grails中为我的所有服务提供通用方法的一种好方法是什么?

来自分类Dev

背景颜色一种颜色为50%,另一种颜色为50%

来自分类Dev

背景颜色一种颜色为50%,另一种颜色为50%

来自分类Dev

这是在超类中声明通用属性,然后在其他类中扩展其通用属性的一种好方法吗?

来自分类Dev

图形G的另一种方法

来自分类Dev

这是一种有效的方法,用于查看是否在javascript中使用php设置了2个cookie

来自分类Dev

在JavaScript中将Date从一种格式转换为另一种格式

来自分类Dev

这是一种设计模式吗?

来自分类Dev

这是一种安全风险吗?

来自分类Dev

有没有一种方法可以在R studio中为匹配括号的颜色编码?

来自分类Dev

有没有一种方法可以将背景颜色填充为正方形大小的图像?

来自分类Dev

有没有一种简单的方法可以根据macOS中的Finder标签颜色为ls输出着色?

Related 相关文章

  1. 1

    有没有一种方法可以通过XML属性为浮动操作按钮设置波纹颜色?

  2. 2

    创建通用的GWT事件:这是一种好方法吗?

  3. 3

    这是“隐藏”数据库凭据的一种好方法吗?

  4. 4

    取决于帐户ID的存储库-这是一种好方法吗?

  5. 5

    为几个表创建通用的相关表是一种好方法吗?

  6. 6

    为几个表创建通用的相关表是一种好方法吗?

  7. 7

    这是一种将Firefox 26.0伪造为其他浏览器的方法吗

  8. 8

    python检查字符串是否为空-这是一种优雅的方法

  9. 9

    在Codeigniter中将数据从一种方法解析为另一种方法

  10. 10

    将大型JSON文件从javascript发送到php的一种好方法是什么?

  11. 11

    有没有一种好的方法来冻结Javascript中的对象数组?

  12. 12

    是否有一种仅使用JavaScript将JSON数据附加到div的好方法?

  13. 13

    这是否仍为一种指针函数声明别名?

  14. 14

    UIBezierPath为每块放置一种颜色,导致最后一种颜色

  15. 15

    除了成功以外,类会抛出异常,这是一种好的实践/编程形式吗?

  16. 16

    Python中的类/ OO是一种好方法吗?

  17. 17

    这是JavaScript逗号运算符的一种情况

  18. 18

    在Grails中为我的所有服务提供通用方法的一种好方法是什么?

  19. 19

    背景颜色一种颜色为50%,另一种颜色为50%

  20. 20

    背景颜色一种颜色为50%,另一种颜色为50%

  21. 21

    这是在超类中声明通用属性,然后在其他类中扩展其通用属性的一种好方法吗?

  22. 22

    图形G的另一种方法

  23. 23

    这是一种有效的方法,用于查看是否在javascript中使用php设置了2个cookie

  24. 24

    在JavaScript中将Date从一种格式转换为另一种格式

  25. 25

    这是一种设计模式吗?

  26. 26

    这是一种安全风险吗?

  27. 27

    有没有一种方法可以在R studio中为匹配括号的颜色编码?

  28. 28

    有没有一种方法可以将背景颜色填充为正方形大小的图像?

  29. 29

    有没有一种简单的方法可以根据macOS中的Finder标签颜色为ls输出着色?

热门标签

归档