Highcharts 教程

简介: Highcharts 教程

Highcharts 是一个用纯JavaScript编写的一个图表库。

Highcharts 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表

Highcharts 免费提供给个人学习、个人网站和非商业用途使用。


HighCharts 特性

  • 兼容性 - 支持所有主流浏览器和移动平台(android、iOS等)。
  • 多设备 - 支持多种设备,如手持设备 iPhone/iPad、平板等。
  • 免费使用 - 供个人免费学习使用。
  • 轻量 - highcharts.js 内核库大小只有 35KB 左右。
  • 配置简单 - 使用 json 格式配置
  • 动态 - 可以在图表生成后修改。
  • 多维 - 支持多维图表
  • 配置提示工具 - 鼠标移动到图表的某一点上有提示信息。
  • 时间轴 - 可以精确到毫秒。
  • 导出 - 表格可导出为 PDF/ PNG/ JPG / SVG 格式
  • 输出 - 网页输出图表。
  • 可变焦 - 选中图表部分放大,近距离观察图表;
  • 外部数据 - 从服务器载入动态数据。
  • 文字旋转 - 支持在任意方向的标签旋转。

支持的图表类型

HighCharts支持的图表类型:

序号 图表类型
1 曲线图
2 区域图
3 饼图
4 散点图
5 气泡图
6 动态图表
7 组合图表
8 3D 图
9 测量图
10 热点图
11 树状图(Treemap)

接下来几个章节我们讲为大家具体介绍 Highcharts 的使用。

目录
相关文章
|
7月前
|
数据可视化 JavaScript 搜索推荐
ECharts入门了解及使用
ECharts入门了解及使用
55 0
|
3月前
|
Web App开发 数据可视化 前端开发
ECharts 教程
ECharts 是一个使用 JavaScript 实现的开源可视化库,涵盖各行业图表,满足各种需求。
80 10
|
前端开发 JavaScript API
Highcharts使用的一些总结
Highcharts使用的一些总结
72 0
|
7月前
|
编解码 数据可视化 前端开发
ECharts 对比 Highcharts 使用教程
ECharts 对比 Highcharts 使用教程
147 1
|
JavaScript 前端开发 CDN
echarts入门
echarts入门
50 0
|
JSON 数据格式
Echarts笔记
之前在后台已经把数据全部获取好了,也封装位Json格式,但是到前台饼图上却无法显示,原因是传到页面的是一个List集合,无法一个一个的分配给相应的模块(柱形图可以自动显示),最后在前台进行遍历,就能显示了。
67 0
|
移动开发 资源调度 JavaScript
【Three.js】入门教程
【Three.js】入门教程
262 0
|
JavaScript CDN 容器
Echarts入门
Echarts入门
577 0
Echarts入门
|
资源调度 前端开发 JavaScript
wangEditor富文本编辑器安装与入门
wangEditor富文本编辑器安装与入门
692 0
|
JavaScript 定位技术 前端开发
leaflet教程
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/gisdoer/article/details/82415601 leaflet简介 本教程使用leaflet进行基本的地图开发,功能介绍,代码演示。
2404 0

相关实验场景

更多