Highcharts入门之基本属性


Posted in Javascript onAugust 02, 2016

一.基本组成:

    1.Highcharts包含标题(Title):主标题是必须的但是subTTitle不是必须

    2.坐标轴(Axis):有x坐标(xAxis)和y坐标(yAxis)

    3.数据列(Series):每个曲线,每个柱形条组,每个饼图的部分

    4.数据提示框(Tooltip):鼠标放上去的提示框

    5.图例(Legend):通过点击标示可以显示或隐藏该数据列

    6.<!--more-->

    7.版权信息(Credits):一般是highcharts的官网,指定credits.enabled=false不让显示

    8.导出功能按钮(Exporting):需要包含exporting.js

    9.标示线(PlotLines):主动添加如平均线等

二.参数属性:

1、调用highcharts:

方法一:

$(function () {
    $(".chart").highcharts({});
});

方法二:

var charts = new Highcharts.Chart({
  // Highcharts 配置
  chart : {
    renderTo : "container" // 注意这里一定是 ID 选择器
  }
});

2、设置表格宽高:

等同于设置div的宽高:

style="width: 800px ;height: 400px"

3、图表样式:

常见的有:borderbackgroundColormarginspacingstyle

总结

以上就是Highcharts入门之基本属性的全部内容,希望对大家学习Highcharts有所帮助,小编还会陆续更新Highcharts的相关文章,请继续关注三水点靠木。

Javascript 相关文章推荐
学习ExtJS border布局
Oct 08 Javascript
jQuery validate 中文API 附validate.js中文api手册
Jul 31 Javascript
Wordpress ThickBox 点击图片显示下一张图的修改方法
Dec 11 Javascript
基于jquery的回到页面顶部按钮
Jun 27 Javascript
js之事件冒泡和事件捕获详细介绍
Oct 28 Javascript
jQuery简单实现日历的方法
May 04 Javascript
JS简单生成两个数字之间随机数的方法
Aug 03 Javascript
浅谈layer的iframe弹窗给里面的标签赋值的问题
Nov 10 Javascript
angularjs实现过滤并替换关键字小功能
Sep 19 Javascript
详解如何在react中搭建d3力导向图
Jan 12 Javascript
Bootstrap实现可折叠分组侧边导航菜单
Mar 07 Javascript
Node.js API详解之 querystring用法实例分析
Apr 29 Javascript
js检查是否关闭浏览器的方法
Aug 02 #Javascript
Highcharts入门之简介
Aug 02 #Javascript
jQuery 获取页面li数组并删除不在数组中的key
Aug 02 #Javascript
AngularJS基础 ng-readonly 指令简单示例
Aug 02 #Javascript
AngularJS基础 ng-paste 指令简单示例
Aug 02 #Javascript
js检测离开或刷新页面时表单数据是否更改的方法
Aug 02 #Javascript
AngularJS基础 ng-options 指令详解
Aug 02 #Javascript
You might like
THINKPHP内容分页代码分享
2015/01/14 PHP
PHP操作redis实现的分页列表,新增,删除功能封装类与用法示例
2018/08/04 PHP
Laravel 修改验证异常的响应格式实例代码详解
2020/05/25 PHP
javascript判断单选框或复选框是否选中方法集锦
2007/04/04 Javascript
javascript 弹出层组件(升级版)
2011/05/12 Javascript
JS文本获得焦点清除文本文字的示例代码
2014/01/13 Javascript
浅谈javascript中自定义模版
2015/01/29 Javascript
jQuery可见性过滤选择器用法示例
2016/09/09 Javascript
vue修改vue项目运行端口号的方法
2017/08/04 Javascript
JavaScript类的继承方法小结【组合继承分析】
2018/07/11 Javascript
JavaScript多种滤镜算法实现代码实例
2019/12/10 Javascript
微信小程序绘制半圆(弧形)进度条
2020/11/18 Javascript
python文件读写操作与linux shell变量命令交互执行的方法
2015/01/14 Python
Python中str is not callable问题详解及解决办法
2017/02/10 Python
Python 机器学习库 NumPy入门教程
2018/04/19 Python
Flask框架实现给视图函数增加装饰器操作示例
2018/07/16 Python
浅析python3字符串格式化format()函数的简单用法
2018/12/07 Python
希尔顿酒店中国网站:Hilton中国
2017/03/11 全球购物
Hertz荷兰:荷兰和全球租车
2018/01/07 全球购物
Eclipse面试题
2014/03/22 面试题
商务英语专业自荐信
2013/10/14 职场文书
和平主题的演讲稿
2014/01/12 职场文书
办理护照介绍信
2014/01/16 职场文书
学习自我鉴定
2014/02/01 职场文书
大四自我鉴定
2014/02/08 职场文书
小学运动会入场式解说词
2014/02/18 职场文书
2014年乡镇植树节活动方案
2014/02/28 职场文书
项目建议书范文
2014/05/12 职场文书
公司员工活动策划方案
2014/08/20 职场文书
党员创先争优心得体会
2014/09/11 职场文书
机关干部作风建设剖析材料
2014/10/23 职场文书
幼儿园小班见习报告
2014/10/31 职场文书
2015年教师党员公开承诺书
2015/01/22 职场文书
学校捐书活动总结
2015/05/08 职场文书
解决python绘图使用subplots出现标题重叠的问题
2021/04/30 Python
详解SQL报错盲注
2022/07/23 SQL Server