Highcharts 示例

core

  • 基础折线图
  • 带标记点的曲线图
  • 带数据标签
  • 对数坐标轴
  • 坐标轴翻转的曲线图
  • 自定义入场动画的折线图
  • 预测图
  • 带标注的股票数据
  • 50万数据点的折线图
  • 不规则间隔时间数据
  • 可缩放时间序列
  • 带色带的曲线图
  • CSV数据源可点击点
  • 面积图
  • 百分比面积图
  • 堆叠面积图
  • 面积竞赛图
  • 面积范围图
  • 曲线面积图
  • 翻转坐标轴
  • 含负值的面积图
  • 面积范围与折线组合
  • 扇形图
  • 流图
  • 堆叠翻转面积图
  • 含缺失点的面积图
  • 基础条形图
  • 基础柱形图
  • 条形竞赛图
  • 分组堆叠柱形图
  • 柱形范围图
  • 可变宽柱形图
  • 含负值的柱形图
  • 可下钻柱形图
  • 堆叠柱形图
  • 固定位置柱形图
  • 柱形对比图
  • 带旋转标签的柱形图
  • HTML表格数据源
  • 径向条形图
  • 堆叠条形图
  • 百分比堆叠柱形图
  • 力学导向图(堆叠条形)
  • 含负值堆叠的条形图
  • 饼图
  • 环形图竞赛
  • 环形图
  • 自定义入场动画的饼图
  • 单色填充饼图
  • 带图例的饼图
  • 可下钻饼图
  • 渐变填充饼图
  • 可变半径饼图
  • 半圆环形图
  • 环形图
  • 气泡图
  • 散点图
  • 带抖动的散点图
  • Packed bubble 图
  • 星形图
  • 分裂式 packed bubble 图
  • 3D气泡图
  • 百万点散点图
  • 项目状态 packed bubble 图
  • 高级时间轴
  • 多坐标轴
  • 气象图
  • 双轴折线柱形组合
  • 同步联动图表
  • 同X轴不同间隔
  • 高级极坐标图
  • 迷你图
  • Scatter with regression lines
  • 柱线饼组合图
  • 样式模式柱形图
  • 样式模式饼图
  • 高级无障碍图表
  • 线型样式
  • 图案填充饼图
  • 可听化箱线图
  • 基础上下文提示音
  • 可听化导航
  • 全乐器模式
  • 音乐化图表
  • 函数可听化
  • 点击添加数据点
  • 响应式图表
  • 动态CSV实时数据
  • 主从图表
  • 渲染后更新配置
  • 每秒更新的曲线图
  • 3D分组堆叠柱形图
  • 3D环形图
  • 3D漏斗图
  • 3D面积图
  • 3D金字塔图
  • 含空值和零值的3D柱形图
  • 3D柱形图
  • 3D散点图
  • 3D饼图
  • 3D圆柱图
  • 仪表盘系列
  • 多KPI仪表盘
  • 时钟
  • VU仪表
  • 子弹图
  • 实心仪表盘
  • 双轴仪表盘
  • 带插值的热力图
  • 热力图
  • 带颜色坐标轴的树状图
  • 日历热力图
  • 层级树状图
  • 大型树状图
  • 蜂窝瓦片图
  • 大型热力图
  • 悬挂节点组织结构图
  • 组织结构图
  • 网络图(力学导向图)
  • 树形关系图
  • 桑基图
  • 倒置树形图
  • 盒式布局树形图
  • 旭日图
  • 棒棒糖图
  • 水平组织结构图
  • 弧线图
  • 极坐标(雷达)图
  • 神经网络图
  • 柱形金字塔图
  • 通用绘图
  • 象形图
  • 瀑布图
  • 韦恩图
  • X范围系列
  • 金字塔图
  • 矢量图
  • 多边形系列
  • 象形图
  • 帕累托图
  • 风羽图
  • 依赖轮图
  • 欧拉图
  • 垂直桑基图
  • 箱线图
  • 哑铃标记上下限
  • 平行坐标图
  • 火焰图
  • 钟形曲线
  • 平行坐标极地图
  • 议会(项目)图
  • 词云
  • 蛛网图
  • 风玫瑰图
  • 误差线图
  • 国际化
  • 时间线
  • 哑铃图
  • 漏斗图
  • 直方图

stock

  • 带GUI的股票图
  • 事件标记线
  • 日内K线图
  • 带间断的日内图
  • 日内面积图
  • 170万点异步加载
  • 声景图
  • 5.2万点数据分组
  • 多系列对比
  • 双窗格K线与成交量
  • 单线系列
  • 累计求和
  • 实时K线图
  • 相对轮动图
  • 动态更新数据
  • 柱形范围图
  • 柱形图
  • OHLC图
  • K线图
  • 曲线面积范围图
  • 订单簿图表
  • 深度图
  • 面积范围图
  • 曲线面积图
  • BTC-ETH面积图
  • 阶梯线图
  • 曲线图
  • 空心K线图
  • 高低收盘图
  • 平均K线图
  • 点数图系列
  • 仅点标记
  • 砖形图系列
  • 响应式图表
  • 双独立导航器
  • 独立导航器
  • 反向导航遮罩
  • 样式化滚动条
  • Y轴色带
  • Y轴标线
  • 自定义GUI股票图
  • 带数据分组的范围选择器
  • 坐标轴拖拽缩放
  • ETF表现对比
  • 反向导航器
  • 标志线定位
  • 均线与按价成交量
  • MACD与枢轴点
  • 全部技术指标
  • 带标注的技术分析
  • 标志线形状与颜色
  • 暗色主题股票图
  • 黑白股票图
  • 暗色主题K线成交量图
  • 股票图CSS设计
  • 霓虹线图

maps

  • 基础世界地图
  • 概览图
  • 世界地图动态路径
  • 分类区域地图
  • 简单飞行航线
  • 含河流城市的GeoJSON地图
  • 带数据标签的美国小地图
  • 颜色坐标轴与数据标签
  • 图案填充地图
  • 瓦片地图供应商
  • 内置投影
  • 美国县级详细地图
  • 分布地图
  • 影院座位图
  • 多数据分类
  • 带轨迹的可听化地图
  • 标记点聚合地图
  • 定位器地图
  • 数据分类与弹窗
  • 叠加饼图的地图
  • 高亮区域地图
  • 可听化地图
  • 瓦片地图与兴趣点
  • 闪电地图
  • HTML固定提示框
  • 下钻功能
  • 投影浏览器
  • 双击缩放区域
  • 预加载数据的地图下钻
  • 欧洲首都实时温度
  • 点击显示详细信息
  • GeoJSON区域
  • 高级经纬度应用
  • 经纬度坐标点地图
  • 正交投影地理热力图
  • 地图标记
  • 迁徙流向地图
  • 带插值的地理热力图
  • 蛛网地图
  • 地图气泡图
  • 飞行航线流向地图
  • 圆形瓦片图
  • 流向地图
  • 欧洲地理热力图
  • 数据标签作为地图标记
  • 热力图
  • 菱形瓦片图
  • 蜂窝瓦片图

grid

  • 极简网格
  • 性能
  • 分组表头
  • 主题
  • 单元格格式化
  • 单元格自定义HTML
  • 国际化
  • Grid Sparklines
  • 外部数据源
  • Grid Accessibility
  • Grid with cell editing
  • Formulas in Grid
  • Todo Grid App
  • Generate charts from Grid

dashboards

  • 极简版
  • 自定义布局极简版
  • 仪表盘同步
  • 平移同步
  • 高亮光标同步
  • 明暗主题检测
  • 同步
  • 坐标轴同步
  • 数学修饰器
  • 交叉筛选
  • 垂直仪表盘
  • 财务核算
  • 实时天气
  • Highcharts Dashboards Exporting to local storage
  • 选举演示
  • 气候数据
  • 个人投资组合
  • 云监控
  • 项目管理
  • 个人财务

gantt

  • PDF下载
  • 带符号的自定义数据标签
  • 翻转图表
  • 样式模式
  • 左侧轴表格化
  • 进度指示器
  • 子任务
  • 交互式甘特图
  • 资源管理
  • 项目管理
  • 带列的树状表格轴
  • 带导航功能
  1. Demo page icon所有例子
  2. /动态功能
上一个
下一个

投影浏览器

Custom palette

Theme

JS Fiddle
Codepen
API 文档
查看价格
开始使用

MAPS
动态功能

HTML固定提示框
下钻功能
投影浏览器
双击缩放区域
预加载数据的地图下钻
欧洲首都实时温度
点击显示详细信息
Dashboard
查看所有例子