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 相关文章推荐
解决FLASH需要点击激活的代码
Dec 20 Javascript
使用JavaScript 实现对象 匀速/变速运动的方法
May 08 Javascript
javascript中attachEvent用法实例分析
May 14 Javascript
JavaScript模拟实现键盘打字效果
Jun 29 Javascript
浅析C/C++,Java,PHP,JavaScript,Json数组、对象赋值时最后一个元素后面是否可以带逗号
Mar 22 Javascript
java中String类型变量的赋值问题介绍
Mar 23 Javascript
bootstrap导航、选项卡实现代码
Dec 28 Javascript
AngularJs定时器$interval 和 $timeout详解
May 25 Javascript
webpack-dev-server自动更新页面方法
Feb 22 Javascript
node.js学习笔记之koa框架和简单爬虫练习
Dec 13 Javascript
vuex state中的数组变化监听实例
Nov 06 Javascript
详解vue或uni-app的跨域问题解决方案
Feb 21 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中使用PDF文档功能
2006/10/09 PHP
PHP实现指定字段的多维数组排序函数分享
2015/03/09 PHP
用javascript做拖动布局的思路
2008/05/31 Javascript
JavaScript Perfection kill 测试及答案
2010/03/23 Javascript
jQuery.extend()的实现方式详解及实例
2013/06/29 Javascript
jquery实现LED广告牌旋转系统图片切换效果代码分享
2015/08/26 Javascript
jQuery使用$.ajax进行异步刷新的方法(附demo下载)
2015/12/04 Javascript
JavaScript实现身份证验证代码
2016/02/17 Javascript
用原生JS对AJAX做简单封装的实例代码
2016/07/13 Javascript
Web前端开发之水印、图片验证码
2016/11/27 Javascript
手机软键盘弹出时影响布局的解决方法
2016/12/15 Javascript
微信小程序 scroll-view实现上拉加载与下拉刷新的实例
2017/01/21 Javascript
基于iScroll实现下拉刷新和上滑加载效果
2017/07/18 Javascript
AngularJS 监听变量变化的实现方法
2018/10/09 Javascript
详解如何制作并发布一个vue的组件的npm包
2018/11/10 Javascript
Postman参数化实现过程及原理解析
2020/08/13 Javascript
基于vue.js仿淘宝收货地址并设置默认地址的案例分析
2020/08/20 Javascript
jQuery实现tab栏切换效果
2020/12/22 jQuery
python写入xml文件的方法
2015/05/08 Python
使用pytorch 筛选出一定范围的值
2020/06/28 Python
python入门教程之基本算术运算符
2020/11/13 Python
Melijoe英国官网:法国儿童时尚网站
2016/11/18 全球购物
纯净、自信、100%的羊绒服装:360Cashmere
2021/02/20 全球购物
生物技术研究生自荐信
2013/11/12 职场文书
幼儿园保育员岗位职责
2014/04/13 职场文书
校园演讲稿汇总
2014/05/21 职场文书
中考标语大全
2014/06/05 职场文书
元旦趣味活动方案
2014/08/22 职场文书
家长会开场白和结束语
2015/05/29 职场文书
建国大业观后感
2015/06/01 职场文书
居安思危观后感
2015/06/11 职场文书
2016秋季幼儿园开学寄语
2015/12/03 职场文书
python 如何获取页面所有a标签下href的值
2021/05/06 Python
Python趣味实战之手把手教你实现举牌小人生成器
2021/06/07 Python
Win11开始菜单添加休眠选项
2022/04/19 数码科技
彻底卸载VMware虚拟机的超详细步骤记录
2022/07/15 Servers