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中this关键字(翻译+自我理解)
Oct 20 Javascript
jquery中实现标签切换效果的代码
Mar 01 Javascript
js控制的回到页面顶端goTop的代码实现
Mar 20 Javascript
javascript按位非运算符的使用方法
Nov 14 Javascript
深入理解javascript严格模式(Strict Mode)
Nov 28 Javascript
面向切面编程(AOP)的理解
May 01 Javascript
js实现分割上传大文件
Mar 09 Javascript
Vue.js实现无限加载与分页功能开发
Nov 03 Javascript
Vue.js 中的 v-show 指令及用法详解
Nov 19 Javascript
layui表格数据重载
Jul 27 Javascript
vue使用codemirror的两种用法
Aug 27 Javascript
vue各种事件监听实例(小结)
Jun 24 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 AJAX实例根据邮编自动完成地址信息
2008/11/23 PHP
Thinkphp模板中使用自定义函数的方法
2012/09/23 PHP
php返回当前日期或者指定日期是周几
2015/05/21 PHP
PHP环境搭建(php+Apache+mysql)
2016/11/14 PHP
jQuery Select(单选) 模拟插件 V1.3.62 改进版
2010/07/17 Javascript
JS弹出层单纯的绝对定位居中示例代码
2014/02/18 Javascript
javascript实现的一个随机点名功能
2014/08/26 Javascript
jQuery的animate函数实现图文切换动画效果
2015/05/03 Javascript
JS+CSS实现六级网站导航主菜单效果
2015/09/28 Javascript
jQuery解析json格式数据简单实例
2016/01/22 Javascript
javascript实现的上下无缝滚动效果
2016/09/19 Javascript
BootStrap Table后台分页时前台删除最后一页所有数据refresh刷新后无数据问题
2016/12/28 Javascript
JS与CSS3实现图片响应鼠标移动放大效果示例
2018/05/04 Javascript
vue+echarts实现可拖动节点的折线图(支持拖动方向和上下限的设置)
2019/04/12 Javascript
使用jquery-easyui的布局layout写后台管理页面的代码详解
2019/06/19 jQuery
jQuery zTree插件快速实现目录树
2019/08/16 jQuery
es6中new.target的作用和使用场景简单示例分析
2020/03/14 Javascript
vue集成openlayers加载geojson并实现点击弹窗教程
2020/09/24 Javascript
解决removeEventListener 无法清除监听的问题
2020/10/30 Javascript
[01:05:00]2018国际邀请赛 表演赛 Pain vs OpenAI
2018/08/24 DOTA
Windows下实现Python2和Python3两个版共存的方法
2015/06/12 Python
python f-string式格式化听语音流程讲解
2019/06/18 Python
PyQt5 QTable插入图片并动态更新的实例
2019/06/18 Python
Python Django 实现简单注册功能过程详解
2019/07/29 Python
如何利用python之wxpy模块玩转微信
2020/08/17 Python
如何在windows下安装配置python工具Ulipad
2020/10/27 Python
python基于opencv实现人脸识别
2021/01/04 Python
CSS3圆角和渐变2种常用功能详解
2016/01/06 HTML / CSS
DataReader和DataSet的异同
2014/12/31 面试题
平民服装店创业计划书
2014/01/17 职场文书
党课培训心得体会
2014/09/02 职场文书
公司领导班子对照检查材料
2014/09/24 职场文书
新教师个人工作总结
2015/02/06 职场文书
大学同学聚会感言
2015/07/30 职场文书
2016年社区植树节活动总结
2016/03/16 职场文书
八年级作文之友情
2019/11/25 职场文书