1.0.0 • Published 3 years ago

@liyucan/scatter-heatmap v1.0.0

Weekly downloads
-
License
ISC
Repository
-
Last release
3 years ago

ScatterHeatmap 散点热力图

场景

用于计算点值在一定坐标区间内的落点情况以及落点密度。

安装

npm i @liyucan/color-picker
or
yarn add @liyucan/color-picker

使用

import SvgColorPicker from '@liyucan/color-picker';
const instance: SvgColorPicker = new SvgColorPicker({
    width: 320,
    height: 320,
    xAxis: [1000, 1800],
    yAxis: [1000, 1800],
    xGrad: 100,
    yGrad: 100,
    disableZoom: false,
    disableTooltip: false,
    data: [[1000, 1699], [1100, 1299 ], [1050, 1058 ], [1154, 1308 ], [1287, 1750 ], [1587, 1205 ], [1708, 1000 ], [1408, 1800 ], [1478, 1305 ], [1122, 1648]]
});
instance.mount('#app');

options

选项说明类型默认值
width画布宽度，单位pxnumber320
height画布高度，单位pxnumber320
xAxisx轴坐标值范围number, number
yAxisy轴坐标值范围number, number
xGradx轴坐标值间隔number
yGrady轴坐标值间隔number
disableZoom关闭缩放功能booleanfalse
disableTooltip关闭坐标提示工具booleanfalse
padding内边距，单位pxnumber40
data值数据number, number

api

名称说明参数默认值
mount挂载示例string / HTMLElement
update更新数据{  xAxis?: number, number;  yAxis?: number, number;  xGrad?: number;  yGrad?: number;  data?: number, number;}

开发

npm install or yarn install

项目运行

npm run dev or yarn dev

项目构建

npm run build or yarn build
@everything-registry/sub-chunk-554
1.0.0

3 years ago