使用 HighCharts 为 Javascript 中的每个值分配颜色答案

【问题标题】：Assign a color to every value in Javascript using HighCharts使用 HighCharts 为 Javascript 中的每个值分配颜色
【发布时间】：2014-12-23 14:02:34
【问题描述】：

我必须为组件列表制作图表（在 y 轴上）。我正在使用 HighCharts。这是我尝试准备图表时部分 javascript 代码的样子：

 series: $.map(data, function (row) {
        return ({
            name: component,
            data: data,
            color: getRandomColor()
        })
    }

getRandomColor 好吧，得到一个随机的十六进制代码。一切正常。问题不是颜色是随机的，而是我希望它们与每个组件一起修复。一种方法是对地图进行硬编码，但我懒惰，正试图避免它。其次，是散列组件字符串并将其用作我的 getRandomColor 函数中的种子，但组件实际上是非常相似的字符串（正向和反向），因此获得的颜色范围非常小。是否有一种优雅的方式或“HighCharts”方式可以使用组件修复颜色？

【问题讨论】：

你可以使用这个stackoverflow.com/questions/1484506/…
@SubhraSekharMukhopadhyay 它再次使用随机函数。我建议使用该字符串散列，并可能将其乘以或足够大，以增加颜色范围。即使乘以 2 也可以极大地改变您的哈希值。
@SubhraSekharMukhopadhyay 我将上述函数用作“getRandomColor()”，我的问题是获取组件相关的颜色附件。
@RaeenHashemi，它奏效了。感谢您的想法！
没问题，至少投票赞成评论：P

标签： javascript colors highcharts

【解决方案1】：

正如 Raeen 指出的，将哈希乘以 2 或 3 会显着扩大范围，这对我有用。

【讨论】：