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高级程序设计(第3版)学习笔记5 js语句
Oct 11 Javascript
使用jquery mobile做幻灯播放效果实现步骤
Jan 04 Javascript
JS特殊函数(Function()构造函数、函数直接量)区别介绍
May 19 Javascript
屏蔽相应键盘按钮操作
Mar 10 Javascript
js实现简单的网页换肤效果
Jan 18 Javascript
详解vue.js全局组件和局部组件
Apr 10 Javascript
vue2.0中goods选购栏滚动算法的实现代码
May 17 Javascript
ajax+node+request爬取网络图片的实例(宅男福利)
Aug 28 Javascript
jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法
Jan 18 jQuery
简化vuex的状态管理方案的方法
Jun 02 Javascript
createObjectURL方法实现本地图片预览
Sep 30 Javascript
uploadify插件实现多个图片上传并预览
Sep 30 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
PHP4实际应用经验篇(2)
2006/10/09 PHP
PHP 上传文件大小限制
2009/07/05 PHP
浅析PHP Socket技术
2013/08/02 PHP
php简单计算年龄的方法(周岁与虚岁)
2016/12/06 PHP
php-fpm添加service服务的例子
2018/04/27 PHP
javascript jQuery插件练习
2008/12/24 Javascript
11个用于提高排版水平的基于jquery的文字效果插件
2012/09/14 Javascript
JavaScript实现GriwView单列全选(自写代码)
2013/05/13 Javascript
javascript闭包入门示例
2014/04/30 Javascript
Internet Explorer 11 浏览器介绍:别叫我IE
2014/09/28 Javascript
JavaScript中判断整数的多种方法总结
2014/11/08 Javascript
简单谈谈javascript代码复用模式
2015/01/28 Javascript
JavaScript的9种继承实现方式归纳
2015/05/18 Javascript
第一次接触神奇的Bootstrap导航条
2016/08/09 Javascript
最丑的时钟效果!js canvas时钟制作方法
2016/08/15 Javascript
Vue2实现组件props双向绑定
2016/12/02 Javascript
js如何判断是否在iframe中及防止网页被别站用iframe嵌套
2017/01/11 Javascript
vue element-ui table表格滚动加载方法
2018/03/02 Javascript
JS使用Dijkstra算法求解最短路径
2019/01/17 Javascript
[01:20]2018DOTA2亚洲邀请赛总决赛战队LGD晋级之路
2018/04/07 DOTA
[59:30]完美世界DOTA2联赛PWL S3 access vs LBZS 第二场 12.20
2020/12/23 DOTA
Python3中常用的处理时间和实现定时任务的方法的介绍
2015/04/07 Python
Django实现快速分页的方法实例
2017/10/22 Python
Python学习pygal绘制线图代码分享
2017/12/09 Python
简单了解python数组的基本操作
2019/11/26 Python
HTML5本地存储之Database Storage应用介绍
2013/01/06 HTML / CSS
美国小蜜蜂Burt’s Bees德国官网:天然唇部、皮肤和身体护理产品
2020/06/14 全球购物
JSF面试题:如何管量web层中的Bean,用什么标签。如何通过jsp页面与Bean绑定在一起进行处理?
2012/10/05 面试题
Java面试中常遇到的问题,也是需要注意的几点
2013/08/30 面试题
大学生实习期自我评价范文
2013/10/03 职场文书
工作态度不端正检讨书
2014/10/04 职场文书
实习生辞职信范文
2015/03/02 职场文书
防汛通知
2015/04/25 职场文书
2015年信息技术教研组工作总结
2015/07/22 职场文书
如何用JS实现简单的数据监听
2021/05/06 Javascript
PyTorch梯度裁剪避免训练loss nan的操作
2021/05/24 Python