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 相关文章推荐
javascript Discuz代码中的msn聊天小功能
May 25 Javascript
javascript开发中因空格引发的错误
Nov 08 Javascript
表单提交前触发函数返回true表单才会提交
Mar 11 Javascript
node.js中的socket.io入门实例
Apr 26 Javascript
点评js异步加载的4种方式
Dec 22 Javascript
js父页面中使用子页面的方法
Jan 09 Javascript
Bootstrap每天必学之附加导航(Affix)插件
Apr 25 Javascript
jQuery遍历DOM的父级元素、子级元素和同级元素的方法总结
Jul 07 Javascript
jQuery源码分析之sizzle选择器详解
Feb 13 Javascript
JavaScript实现短暂提示框功能
Apr 04 Javascript
ng-repeat指令在迭代对象时的去重方法
Oct 02 Javascript
如何使用JavaScript策略模式校验表单
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
珊瑚虫IP库浅析
2007/02/15 PHP
Bootstrap+PHP实现多图上传功能实例详解
2018/04/08 PHP
Laravel监听数据库访问,打印SQL的例子
2019/10/24 PHP
农历与西历对照
2006/09/06 Javascript
JavaScript版TAB选项卡效果实例
2013/08/16 Javascript
jQuery 绑定事件到动态创建的元素上的方法实例
2013/08/18 Javascript
jQuery文件上传插件Uploadify使用指南
2014/06/05 Javascript
JQuery EasyUI 加载两次url的原因分析及解决方案
2014/08/18 Javascript
JS实现超精简的链接列表在固定区域内滚动效果代码
2015/11/04 Javascript
javascript实现不同颜色Tab标签切换效果
2016/04/27 Javascript
JS制作类似选项卡切换的年历
2016/12/03 Javascript
详解nodejs 文本操作模块-fs模块(二)
2016/12/22 NodeJs
图文详解Javascript中的上下文和作用域
2017/02/15 Javascript
JavaScript实现换肤功能
2017/09/15 Javascript
jQuery+ajax实现用户登录验证
2020/09/13 jQuery
Python的socket模块源码中的一些实现要点分析
2016/06/06 Python
Python数据处理篇之Sympy系列(五)---解方程
2019/10/12 Python
python 图片二值化处理(处理后为纯黑白的图片)
2019/11/01 Python
python如何提升爬虫效率
2020/09/27 Python
Python3 用matplotlib绘制sigmoid函数的案例
2020/12/11 Python
解决TensorFlow训练模型及保存数量限制的问题
2021/03/03 Python
HTML5实现QQ聊天气泡效果
2017/06/26 HTML / CSS
快速创建 HTML5 Canvas 电信网络拓扑图的示例代码
2018/03/21 HTML / CSS
VICHY薇姿英国官网:全球专业敏感肌护肤领先品牌
2017/07/04 全球购物
英国老牌潮鞋店:Offspring
2019/08/19 全球购物
德国购买门票网站:ADticket.de
2019/10/31 全球购物
英国鞋网:Rubber Sole
2020/03/03 全球购物
实习评语大全
2014/04/26 职场文书
日语专业求职信
2014/07/04 职场文书
大学生自荐信怎么写
2015/03/26 职场文书
有关水浒传的读书笔记
2015/06/25 职场文书
导游词之广东佛山(南风古灶)
2019/09/24 职场文书
SQL Server 数据库实验课第五周——常用查询条件
2021/04/05 SQL Server
如何用PHP实现分布算法之一致性哈希算法
2021/05/26 PHP
Mysql查询时间区间日期列表,不会由于数据表数据影响
2022/04/19 MySQL
SpringBoot Http远程调用的方法
2022/08/14 Java/Android