1.效果
2.实现
2.1 分级色彩
2.2 分级方法
为了让大家好理解,我使用ArcMap软件加载图层,采用自然间断点分级法,对图层进行符号化;在上图中可以看到,系统自动计算了每个分级的数值范围,且被分为5级,每个值范围被分配不同的颜色。接下里我们将在前端中渲染地图,实现该专题制图效果。
2.3 simple-statistics 库
2.3.1 安装
npm:
npm install --save simple-statistics
cdn:
https://unpkg.com/simple-statistics@7.8.3/dist/simple-statistics.min.js
2.3.2 文档
官方文档http://simple-statistics.github.io/docs/
2.3.3 计算自然间断点
// vue 引入JS
import * as ss from "simple-statistics";
// 计算自然间断点
const breaks = ss.jenks(data, 5);
为了让大家好理解,我把 data 和计算结果 breaks 截图给大家展示一下:
2.3.4 补充一点
2.4 分级渲染
分级色彩渲染https://blog.csdn.net/no_money000/article/details/141332038
(有不懂的欢迎评论区讨论,如果文章对你有帮助,可以点个赞鼓励下博主噢!)