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 相关文章推荐
jQuery在html有效在jsp无效的原因及解决方法
Aug 02 Javascript
js中自定义方法实现停留几秒sleep
Jul 11 Javascript
JavaScript中反正弦函数Math.asin()的使用简介
Jun 14 Javascript
深入探讨前端框架react
Dec 09 Javascript
轻松实现jquery选项卡切换效果
Oct 10 Javascript
使用纯JS代码判断字符串中有多少汉字的实现方法(超简单实用)
Nov 12 Javascript
JS实现点击网页判断是否安装app并打开否则跳转app store
Nov 18 Javascript
JS字符串长度判断,超出进行自动截取的实例(支持中文)
Mar 06 Javascript
node使用Mongoose类库实现简单的增删改查
Nov 08 Javascript
JS实现点击li标签弹出对应的索引功能【案例】
Feb 18 Javascript
javascript实现移动端触屏拖拽功能
Jul 29 Javascript
5种方法告诉你如何使JavaScript 代码库更干净
Sep 15 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
php若干单维数组遍历方法的比较
2011/09/20 PHP
PHP实现使用优酷土豆视频地址获取swf播放器分享地址
2014/06/05 PHP
php中print(),print_r(),echo()的区别详解
2014/12/01 PHP
PHP环境中Memcache的安装和使用
2015/11/05 PHP
PHP设计模式之装饰器(装饰者)模式(Decorator)入门与应用详解
2019/12/13 PHP
DWZ table的原生分页浅谈
2013/03/01 Javascript
JavaScript实现网页上的浮动广告的简单方法
2013/06/14 Javascript
js函数setTimeout延迟执行的简单介绍
2013/07/17 Javascript
jquery中each方法示例和常用选择器
2014/07/08 Javascript
兼容最新firefox、chrome和IE的javascript图片预览实现代码
2014/08/08 Javascript
jquery+ajax实现跨域请求的方法
2015/01/20 Javascript
JQuery实现样式设置、追加、移除与切换的方法
2015/06/11 Javascript
jquery的幻灯片图片切换效果代码分享
2015/09/07 Javascript
基于jQuery Tipso插件实现消息提示框特效
2016/03/16 Javascript
JavaScript中的this引用(推荐)
2016/08/05 Javascript
Node.js的Koa实现JWT用户认证方法
2018/05/05 Javascript
深入浅出理解JavaScript闭包的功能与用法
2018/08/01 Javascript
使用Angular 6创建各种动画效果的方法
2018/10/10 Javascript
详解小程序退出页面时清除定时器
2019/04/28 Javascript
jQuery轮播图功能制作方法详解
2019/12/03 jQuery
js前端对于大量数据的展示方式及处理方法
2020/12/02 Javascript
[03:17]DOTA2英雄基础教程 剧毒术士
2013/12/12 DOTA
Python中asyncore的用法实例
2014/09/29 Python
python中文件变化监控示例(watchdog)
2017/10/16 Python
Python OOP类中的几种函数或方法总结
2019/02/22 Python
python中tkinter的应用:修改字体的实例讲解
2019/07/17 Python
PyQt5高级界面控件之QTableWidget的具体使用方法
2020/02/23 Python
浅谈Pycharm的项目文件名是红色的原因及解决方式
2020/06/01 Python
TensorFlow Autodiff自动微分详解
2020/07/06 Python
Python同时迭代多个序列的方法
2020/07/28 Python
阿玛瑞酒店中文官方网站:Amari.com
2018/02/13 全球购物
应届毕业生通用的自荐书范文
2014/02/07 职场文书
如何写辞职信
2015/05/13 职场文书
2016猴年春节问候语
2015/11/11 职场文书
html2 canvas svg不能识别的解决方案
2021/06/03 HTML / CSS
golang中的struct操作
2021/11/11 Golang