> TODO: description
npm install ck-hotmap
hotMap.create(configObject)`$3
- container:(DOMNode)必填 , 应附加热图画布的 DOM 节点(热图将适应节点的大小)
- backgroundColor:(字符串)可选 , 十六进制代码、颜色名称或 rgb(a) 形式的背景颜色字符串
- gradient:(对象)可选 表示渐变的对象(语法:数字字符串 [0,1]:颜色字符串),查看示例
- radius:(数字)可选 每个数据点的半径(如果数据点本身未指定)
- opacity:(数字) 可选 [0 - 1] 默认值 = .6; 整个热图的全局不透明度。如果设置,它将覆盖 maxOpacity 和 minOpacity!
- maxOpacity:(数字)可选 [0 - 1] 热图中最高值的最大不透明度。(如果设置了不透明度,将被覆盖)
- minOpacity:(数字)可选 [0 - 1] 热图中最低值的最小不透明度(如果设置了不透明度,则会被覆盖)
- onExtremaChange:函数回调 可选 , 传递一个回调来接收极值变化更新。对 DOM 图例很有用。
- blur:(number) 可选 [0,1] 默认值 = 0.85; 将应用于所有数据点的模糊系数。模糊系数越高,渐变越平滑
- xField:(字符串) 可选 默认值 = “x”, 数据点中 x 坐标的属性名称
- yField:(字符串) 可选 默认值 = “y”, 数据点中 y 坐标的属性名称
- valueField: (字符串) 可选 默认值 = “value”, 数据点中 y 坐标的属性名称$3
`javascript
import Hotmap, { HeatmapInitConfig, generateData } from 'ck-hotmap'
// generateData: 生成随机数据的方法
const data = generateData(X轴最大尺寸, Y轴最大尺寸, 随机点总量)
const map = Hotmap.create(ConfigObject: HeatmapInitConfig)
map.setData(data)
``