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 相关文章推荐
用js获取电脑信息(是使用与IE浏览器)
Jan 15 Javascript
JavaScript 实现类的多种方法实例
May 01 Javascript
购物车选中得到价格实现示例
Jan 26 Javascript
开发中可能会用到的jQuery小技巧
Mar 07 Javascript
jQuery后代选择器用法实例
Dec 23 Javascript
jquery实现列表上下移动功能
Feb 25 Javascript
JS动态添加选项案例分析
Oct 17 Javascript
vue2.0+webpack环境的构造过程
Nov 08 Javascript
vue 封装自定义组件之tabal列表编辑单元格组件实例代码
Sep 07 Javascript
浅谈Vue路由快照实现思路及其问题
Jun 07 Javascript
layui原生表单验证的实例
Sep 09 Javascript
深入了解JS之作用域和闭包
Jun 16 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记录用户通过搜索引擎进网站的关键词
2014/02/13 PHP
phpStudy访问速度慢和启动失败的解决办法
2015/11/19 PHP
JavaScript入门教程(5) js Screen屏幕对象
2009/01/31 Javascript
jQuery 1.4 15个你应该知道的新特性(译)
2010/01/24 Javascript
基于jquery实现点击左右按钮图片横向滚动
2013/04/11 Javascript
手机平板等移动端适配跳转URL的js代码
2014/01/25 Javascript
jQuery实现购物车多物品数量的加减+总价计算
2014/06/06 Javascript
js中document.write的那点事
2014/12/12 Javascript
浅谈JSON中stringify 函数、toJosn函数和parse函数
2015/01/26 Javascript
js实现鼠标移到链接文字弹出一个提示层的方法
2015/05/11 Javascript
js轮盘抽奖实例分析
2020/04/17 Javascript
js模拟支付宝密码输入框
2017/04/11 Javascript
详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
2017/06/01 jQuery
jQuery Datatables表头不对齐的解决办法
2017/11/27 jQuery
5 种JavaScript编码规范
2018/01/30 Javascript
原生js实现下拉选项卡
2019/11/27 Javascript
Python编程中的反模式实例分析
2014/12/08 Python
python difflib模块示例讲解
2017/09/13 Python
Windows下python3.6.4安装教程
2018/07/31 Python
python用opencv批量截取图像指定区域的方法
2019/01/24 Python
python assert的用处示例详解
2019/04/01 Python
python boto和boto3操作bucket的示例
2020/10/30 Python
HTML5的结构和语义(4):语义性的内联元素
2008/10/17 HTML / CSS
Html5 语法与规则简要概述
2014/07/29 HTML / CSS
美国香薰蜡烛品牌:PADDYWAX
2018/10/06 全球购物
Yankee Candle官网:美国最畅销蜡烛品牌之一
2020/01/05 全球购物
C语言笔试题回忆
2015/04/02 面试题
护理专业的自荐信
2013/10/22 职场文书
转党组织关系介绍信
2014/01/08 职场文书
追悼会主持词
2014/03/20 职场文书
培训班开班仪式主持词
2014/03/28 职场文书
公司离职证明标准样本
2014/10/05 职场文书
小学生读书笔记范文
2015/06/30 职场文书
经典祝酒词大全
2015/08/12 职场文书
golang正则之命名分组方式
2021/04/25 Golang
Golang获取List列表元素的四种方式
2022/04/20 Golang