Javascript 饼图和热图之间的自定义图表

我们需要使用时钟形式的EChats创建一个“堆映射”，其中每小时我们都有一定数量的出现（这就是值），饼图上每个块的颜色根据值的相对权重从白色变为黑色

大概是这样的：

---

有什么建议或示例吗？

使用图表选项中的属性应该不会太难

以文档中的数据为例

我们可以使用以下代码为图表部分指定颜色：

const数据=[
{值：335，名称：'直接访问'},
{值：310，名称：'邮件营销'},
{值：234，名称：'联盟广告'},
{值：135，名称：'视频广告'},
{值：1548，名称：'搜索引擎'}
];
const max=数据减少（（acc，d）=>acc{
常数着色=255-数学四舍五入（255/（最大值/d.value））；
常量十六进制=阴影。toString（16）
返回“#”+hex+hex+hex
})
console.log（颜色）/[“#c8c8c8”、“#cccccc”、“#d8d8d8”、“#E9E9”、“#000”]
//然后您只需将颜色分配给图表配置
options.color=颜色