摘要: 一、图表容器: Highcharts 实例化中绑定容器的两种方式: 1、通过 dom 调用 highcharts() 函数的方式 2、通过 chart.renderTo 来指定 二、图表样式: 其他样式代码示例: chart: { } 另外还可以通过 chart.className 来绑定 CSS 阅读全文
posted @ 2016-10-30 18:41 心知梦圆 阅读(400) 评论(0) 推荐(0) 编辑
摘要: 一、Highchar图表的主要组成 1、图表标题(Title):图表包含标题和副表题(subTitle,可选)。 2、坐标轴(Axis):包括x轴(xAxis)和y轴(yAxis)。多个数据列可以共同使用一个坐标轴,为了对比或区分数据,Highchar提供了多轴的支持。 3、数据列(Series): 阅读全文
posted @ 2016-10-30 15:55 心知梦圆 阅读(1246) 评论(2) 推荐(0) 编辑
摘要: 一、创建条形图 1、创建div容器 <div id="container" style="min-width:800px;height:400px"></div> 2、编写图表配置代码 相关示例: <html> <head> <script type="text/javascript" src="h 阅读全文
posted @ 2016-10-30 14:44 心知梦圆 阅读(1259) 评论(0) 推荐(0) 编辑
摘要: 一、基础使用 二、功能模块的使用 功能模块是在 Highcharts 主要功能的基础做的扩展,是由官方发布的功能包,常用功能模块有: 更多图表类型扩展模块(highcharts-more.js) 3D 图表模块 (highcharts-3d.js) 导出功能模块(modules/exporting. 阅读全文
posted @ 2016-10-30 14:06 心知梦圆 阅读(1083) 评论(0) 推荐(0) 编辑
摘要: 提供完整的 Highcharts 资源包,包含实例文件、所有的 js 压缩版及源码、导出服务器文件等。 1、资源包的使用: 2、开放的CDN:http://img.hcharts.cn/ 二、Highchart的安装: 1、使用npm的安装: npm相关文档:http://www.npmjs.com 阅读全文
posted @ 2016-10-30 10:37 心知梦圆 阅读(1845) 评论(0) 推荐(0) 编辑