Highcharts 系列软件简介 1 分钟上手 Highcharts 文件下载与使用 通过 npm 安装 通过 Bower 安装 如何设置图表配置选项 Highcharts 兼容性 Highcharts 使用协议

一、加载 js 文件 二、加载地图数据文件 1. 加载 js 文件 2. 加载 json 文件 三、初始化地图 四、加载数据并与地图关联 Highmaps 是继承自 Highcharts 的专门用于地图的图表插件。Highmaps 除了根据值展示地理区域色块外，还支持线段（可以表示公路，河流等）、点（城市，兴趣点等）等其他地理元素。 High...

动态渲染的优缺点 服务端动态渲染网页是生成网页的最常用方法， 该方法同样适用于动态生成包含 Highcharts 图表的网页。 服务端动态渲染网页的做法：后端程序读取数据库数据并按照一定的业务逻辑处理成字符串，在页面对应位置上输出。 下面我们用 PHP 举例简单说明这个过程： 实例1： 只包含数值的 <? php // php 读取数据...

一、图表容器 1、通过构造函数 2、或者通过 chart.renderTo 来指定 3、如果你的页面已经引入了 jQuery，那么还可以 jQuery 插件的形式调用 二、图表样式 1、宽度、高度 2、图表样式 3、图表绘图区 三、事件 四、其他配置 1、图表类型 2、图表缩放 3、3D 属性 4、其他 本节主要讲解图表配置，对...

使用方法 通过官方提供的插件我们可以将图表中数据导出为常见的 Excel 数据文件（.csv 和 .xls），下面是一个实例： 使用方法 额外引入插件即可，我们提供的版本已经解决了中文乱码问题，详见 社区帖子 <!-- 基本的文件 --> <script src = "http://cdn.hcharts.cn/jquery/jqu...

一、纯色颜色 二、透明颜色 三、渐变颜色 1、线性渐变 2、径向渐变 Highcharts 支持纯色、透明、渐变颜色，这些颜色对图表中所有的颜色配置有效，包括但不限于 color 、backgroundColor 、borderColor 、lineColor 。 一、纯色颜色 Highcharts 支持十六进制颜色（例如 #00FF00 ...

插件的形式扩展 Chart.init 函数钩子 通过 prototype 重新函数 示例插件：Highstock 轨迹球 1、创建闭包代码块 2、重写相关的方法 3、编写具体的逻辑 Highcharts 2.3 开始提供二次扩展功能，可以通过以下方式进行扩展： 图表中包含的对象通过 JavaScript prototype 或 class...

一、图表配置对象 1、对象的创建及赋值 2、对象取值 3、数组相关操作 二、全局配置 Highcharts 是通过 JavaScript 对象的形式（ JSON ）来定义图表的配置参数。 一、图表配置对象 当使用图表构造函数 Highcharts.Chart 来初始化图表时，图表的配置对象是以第二个参数传递给该构造函数...

1. 标题（Title） 2. 坐标轴（Axis） 3. 数据列（Series） 4. 数据提示框（Tooltip） 5. 图例（Legend） 6. 版权标签（Credits） 7. 导出功能（Exporting） 8. 标示线（PlotLines） 9. 标示区（PlotBands） 一般情况下，Highcharts 包含标题 （Ti...

一、语言及文字 二、时间及时区 1、时间格式化 2、时区 三、符号 1、小数点、千分号、公制前缀 2、数值格式化函数 图表中的文字及语言相关的内容都是可以自定义及本地化的，下面详细说明。 一、语言及文字 Highcharts 中的文字可以通过 Highcharts.setOptions.lang 来设定，lang 属于全局配置，对当前...