使用HighCharts为Javascript中的每个值指定一种颜色

Assign a color to every value in Javascript using HighCharts

本文关键字：颜色 一种 Javascript HighCharts 使用      更新时间：2023-09-26

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

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

getRandomColor，得到一个随机的六进制码。一切都很好。问题是，颜色不是随机的，我希望每个组件都能修复它们。一种方法是对映射进行硬编码，但我很懒，试图避免它。第二，对组件字符串进行散列，并将其用作getRandomColor函数中的种子，但组件实际上是非常相似的字符串（包括正向和反向），因此，获得的颜色范围非常小。有没有一种优雅的方式或"HighCharts"的方式可以让我用组件固定颜色？

正如Raeen所指出的，将哈希值乘以两到三大大拓宽了范围，这对我很有效。

相关文章：