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 函数调用规则
Sep 14 Javascript
jQuery源码分析-01总体架构分析
Nov 14 Javascript
jQuery中remove()方法用法实例
Dec 25 Javascript
jQuery支持动态参数将函数绑定到事件上的方法
Mar 17 Javascript
JQuery工具函数汇总
Jun 15 Javascript
jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证
Jun 25 Javascript
JavaScript对数组进行随机重排的方法
Jul 22 Javascript
用瀑布流的方式在网页上插入图片的简单实现方法
Sep 23 Javascript
Javascript中的prototype与继承
Feb 06 Javascript
JS字符串false转boolean的方法(推荐)
Mar 08 Javascript
Vue使用轮询定时发送请求代码
Aug 10 Javascript
vue 实现click同时传入事件对象和自定义参数
Jan 29 Vue.js
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的知识
2006/11/17 PHP
php实现执行某一操作时弹出确认、取消对话框
2013/12/30 PHP
php简单实现短网址(短链)还原的方法(测试可用)
2016/05/09 PHP
详解yii2使用多个数据库的案例
2017/06/16 PHP
JS 图片缩放效果代码
2010/06/09 Javascript
基于json的jquery地区联动效果代码
2011/07/06 Javascript
JavaScript 32位整型无符号操作示例
2013/12/08 Javascript
jQuery不使用插件及swf实现无刷新文件上传
2014/12/08 Javascript
node.js中的fs.statSync方法使用说明
2014/12/16 Javascript
jQuery根据元素值删除数组元素的方法
2015/06/24 Javascript
jQuery Ajax 加载数据时异步显示加载动画
2016/08/01 Javascript
JS类的定义与使用方法深入探索
2016/11/26 Javascript
第一次接触神奇的前端框架vue.js
2016/12/01 Javascript
浅谈使用React.setState需要注意的三点
2017/12/18 Javascript
详解Angularjs 自定义指令中的数据绑定
2018/07/19 Javascript
vue.js实现的幻灯片功能示例
2019/01/18 Javascript
vue多层嵌套路由实例分析
2019/03/19 Javascript
解决Echarts2竖直datazoom滑动后显示数据不全的问题
2020/07/20 Javascript
[59:08]DOTA2上海特级锦标赛C组小组赛#2 LGD VS Newbee第一局
2016/02/27 DOTA
[01:38:19]夜魇凡尔赛茶话会 第五期
2021/03/11 DOTA
pyqt4教程之实现半透明的天气预报界面示例
2014/03/02 Python
解析Python中的二进制位运算符
2015/05/13 Python
Python求两个文本文件以行为单位的交集、并集与差集的方法
2015/06/17 Python
Python安装第三方库及常见问题处理方法汇总
2016/09/13 Python
Python中使用haystack实现django全文检索搜索引擎功能
2017/08/26 Python
Python探索之静态方法和类方法的区别详解
2017/10/27 Python
Python实现在某个数组中查找一个值的算法示例
2018/06/27 Python
python 用opencv调用训练好的模型进行识别的方法
2018/12/07 Python
很酷的python表白工具 你喜欢我吗
2019/04/11 Python
使用turtle绘制五角星、分形树
2019/10/06 Python
python实现简单井字棋小游戏
2020/03/05 Python
Android Q之气泡弹窗的实现示例
2020/06/23 Python
Python文件夹批处理操作代码实例
2020/07/21 Python
CSS+jQuery+PHP+MySQL实现的在线答题功能
2015/04/25 HTML / CSS
html5 video全屏播放/自动播放的实现示例
2020/08/06 HTML / CSS
幼儿园教师工作感言
2014/02/15 职场文书