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. /更多图表类型
上一个
下一个
CORE

X范围系列

Custom palette

Theme

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

CORE
更多图表类型

棒棒糖图
水平组织结构图
弧线图
极坐标(雷达)图
极坐标
神经网络图
柱形金字塔图
通用绘图
象形图
瀑布图
韦恩图
X范围系列
金字塔图
矢量图
多边形系列
象形图
帕累托图
风羽图
依赖轮图
欧拉图
垂直桑基图
箱线图
哑铃标记上下限
平行坐标图
火焰图
动态功能
钟形曲线
平行坐标极地图
议会(项目)图
词云
蛛网图
极坐标
风玫瑰图
极坐标
误差线图
国际化
时间线
哑铃图
漏斗图
直方图
查看所有例子