技术栈
highcharts
Highcharts.js
3 天前
信息可视化
·
数据可视化
·
热力图
·
heatmap
·
highcharts
·
地理热力图
Highcharts热力图(Heatmap)完全指南:从基础配置到地理热力图,一文学会颜色轴数据可视化
热力图是一种数据可视化工具,通过颜色的深浅来表示数据值的大小。它常用于展示数据的密度、分布或趋势,能够直观地反映出数据的热区和冷区。
Highcharts.js
5 天前
科研绘图
·
highcharts
·
图表开发
·
哑铃图
·
dumbbell chart
·
前后对比图
·
变化分析图表
什么是哑铃图?如何使用Highcharts创建哑铃图表?
哑铃图可以用来可视化两个不同时间点的数值,或者显示两个不同群体或观点之间的差异(例如,一个点代表男性,另一个点代表女性)。
Highcharts.js
5 天前
javascript
·
信息可视化
·
散点图
·
highcharts
·
图表开发
·
气泡图
·
图表创建
玩转Highcharts气泡图|从散点图到气泡图:增加一个维度,数据可视化瞬间立体起来
气泡图(Bubble Chart)是一种特殊的多维数据可视化图表,它是散点图的变体,通过在二维平面上展示气泡(圆形)的位置和大小,同时呈现三个维度的数据信息。 气泡图让我们能够在传统的二维坐标系中,通过气泡的位置和大小,直观地展示三个变量之间的关系,是数据探索和分析的利器。
Highcharts.js
6 天前
javascript
·
信息可视化
·
highcharts
·
图表开发
·
子弹图表
·
kpi图
图表学习|基于highcharts创建子弹图表,以及子弹图的应用与扩展设计
子弹图(Bullet Chart)是一种形似子弹轨迹的线性信息图表,由数据可视化专家斯蒂芬·菲(Stephen Few)于2005年设计提出,旨在替代传统仪表盘上常见的里程表、时速表等基于圆形的信息表达方式。
Highcharts.js
6 天前
javascript
·
数据库
·
highcharts
·
图表开发
·
弧线图
数据之美:用Highcharts打造专业级弧线图
Arc-diagram chart(弧线图)是一种可视化关系和节点之间强度的图表类型。它通过将节点沿一条线排列,并使用半圆或光滑曲线表示节点之间的连接,直观地展示了数据之间的关系。
Highcharts.js
6 天前
开发语言
·
javascript
·
开发文档
·
正态分布
·
highcharts
·
图表类型
·
钟形图
如何根据派生数据创建钟形曲线图表?highcharts正态分布曲线使用指南:从创建到设置一文搞定
一个钟形曲线系列是正态(高斯)概率分布的图形表示。钟形曲线用于可视化可能发生的结果的概率。曲线呈钟形,其最高点是基础数据的平均值。此图表需要模块
Highcharts.js
8 天前
javascript
·
数据库
·
开发文档
·
highcharts
·
图表开发
·
跨域数据
Highcharts跨域数据加载完全指南:JSONP原理与实战
不可以在自己域名之外的 JSON 文件上使用 jQuery 的 .getJSON() 方法。不过可以使用 JSONP。
Highcharts.js
10 天前
javascript
·
3d
·
开发文档
·
散点图
·
highcharts
·
图表类型
什么是散点图?一文学会Highcharts散点图的核心特性与3D扩展应用
散点图通过在坐标系中绘制一系列独立的点来表示数据,每个点的位置由X轴和Y轴的数值决定,点与点之间默认不连接。
Highcharts.js
11 天前
javascript
·
angular.js
·
开发文档
·
highcharts
·
图表开发
·
实心仪表
Highcharts角度仪表(Angular Gauge)完全指南:从速度表到工业监控,一文学会gauge与solidgauge实战开发
角度仪表也被称为刻度盘或类似速度计的小部件,能够为仪表盘提供极佳的可视化效果。与极坐标图类似,我们扩展了已有的系列/点/轴模型,并将仪表作为一种新的系列类型实现,配备一个数值轴,即 y 轴。这意味着,您在使用其他 Highcharts 系列类型进行动态和静态操作时所学到的内容,也同样适用于角度仪表。
Highcharts.js
13 天前
javascript
·
开发文档
·
highcharts
·
图表开发
·
漏斗图
·
3d 图表
Highcharts 3D漏斗图(Funnel 3D)完全指南:从模块加载到一文学会三维漏斗可视化
Funnel 3D 漏斗3D系列类型是漏斗图Funnel Chart的3D变体。漏斗图主要用于显示销售过程中的不同阶段,顶部是合格的潜在客户,底部是已成交的交易。在销售的每个阶段,企业都可能失去一些潜在交易,这也是为什么典型的漏斗在顶部有大量潜在客户,随着客户流失,漏斗逐渐变窄。漏斗图用于观察销售团队将潜在客户转化为成交交易的效果。
Highcharts.js
13 天前
javascript
·
交互
·
开发文档
·
treemap
·
highcharts
·
图表类型
·
矩形树图
矩形树图Treemap布局算法深度解析:基于Highcharts实现带层级交互的矩形树图
该树状图需要文件modules/treemap.js。 若要与 colorAxis一起使用,还必须包含 modules/heatmap.js。
Highcharts.js
14 天前
javascript
·
开发文档
·
highcharts
·
图表开发
·
向量图
·
矢量图表
·
笛卡尔坐标图
什么是向量图表?如何用 Highcharts 快速创建一个笛卡尔坐标图/矢量图?
向量图、矢量图是一种笛卡尔坐标图,每个点都有一个X和Y位置、一个长度和一个方向。箭头用来表示矢量。有关更详细的示例和文档,请查看 API.
Highcharts.js
17 天前
javascript
·
开发文档
·
highcharts
·
词云图
·
图表开发
Highcharts词云图表开发文档
词云是一种可视化一组单词的方式,其中单词的大小和位置由其权重决定。点击 这里 here 查看代码词云图表需要以下模块: modules/wordcloud.js.
Highcharts.js
19 天前
javascript
·
导出
·
开发文档
·
highcharts
·
命令行渲染
·
命令行功能
【Highcharts】如何用命令行渲染导出图片?
除了能够作为服务器运行外,我们的节点导出服务器node export server 还是一个功能齐全的命令行工具,能够根据图表配置或图表SVG生成PNG、JPEG、PDF或SVG格式的图像。无论你是想在自动化报告或邮件中生成图表,确保前后端图像一致,还是需要批量转换图表为图片,节点导出服务器都是你的理想工具。
Highcharts.js
19 天前
服务器
·
highcharts
·
自定义导出
·
导出服务器
·
导出模块
·
渲染功能
如何设置自定义Highcharts导出服务器?
有时候你可能不想使用 Highcharts 的导出服务器,地址是 export.highcharts.com,比如你在运行一个安全性较高的网站,或者你不希望你的数据被传送到 Highcharts 的内容分发网络(CDN)中。
Highcharts.js
21 天前
开发语言
·
javascript
·
python
·
svg
·
highcharts
·
渲染器
如何使用Highcharts SVG渲染器?
SVG 渲染器允许直接访问 Highcharts 的渲染层,以便直接在图表上绘制基本形状,如圆形、矩形、路径或文本,或者 独立于任何图表之外。它代表了一个 SVG 的 JavaScript 包装对象。
Highcharts.js
23 天前
javascript
·
信息可视化
·
音视频
·
开发文档
·
highcharts
·
数据映射
如何在构建音频图表中映射到数据?
在数据可视化中,声音化技术使人们可以在没有视觉辅助的情况下探索数据。这对于视力障碍者或在难以通过视觉解读数据的场景中特别有帮助,但也可以用来打造更具吸引力的数据可视化体验,或者提醒用户注意事项。
Highcharts.js
24 天前
javascript
·
信息可视化
·
音视频
·
highcharts
·
音频图表
用 Highcharts如何创建一个音频图表
Highcharts 支持通过 sonification 模块实现音频图表。本教程将引导你配置该模块,并介绍一些关键功能,帮助你开始构建音频图表。
Highcharts.js
25 天前
javascript
·
flutter
·
开发文档
·
highcharts
如何使用Highcharts Flutter的官方使用文档
Highcharts Flutter 提供了一套强大的小部件,用于将图表无缝集成到您的 Flutter 应用中。这使您能够创建丰富且引人入胜的数据可视化,适用于移动端和网页端。
Highcharts.js
1 个月前
前端
·
react.js
·
前端框架
·
react
·
highcharts
·
官方文档
使用Highcharts与React集成 官网文档使用说明
该版本已经过测试:通过运行以下命令安装 Highcharts 包以及我们的 React integration 集成: