Highcharts入门之基本属性
更新时间：2016年08月02日 17:12:54 投稿：daisy
Highcharts是一个用纯JavaScript编写的一个图表库，之前小编发了一篇介绍Highcharts的文章，那么本文将进一步的介绍Highcharts的基本属性，有需要的可以参考学习。
一.基本组成：
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、图表样式：
常见的有：border、backgroundColor、margin、spacing、style
总结
以上就是Highcharts入门之基本属性的全部内容，希望对大家学习Highcharts有所帮助，小编还会陆续更新Highcharts的相关文章，请继续关注脚本之家。
相关文章
FullCalendar是一款基于jQuery的日历插件，适用于各种日程安排、工作计划等场景，本文是fullCalendar官方文档的中文版，主要介绍了fullCalendar的具体属性与方法，大家可以参考一下2017-02-02
最近因为心血来潮想要试试thinkJS操作mongoDB，去官方文档看了看，默认是只给了mysql的配置，源代码也是没有配置mongo的，只有一个官方案例，无奈只能自己学习了，下面是自己的一些学习总结，有需要的朋友们可以参考借鉴，下面来一起看看吧。2016-12-12
这篇文章主要为大家介绍了js类库styled-components快速入门的教程示例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-06-06
今天小编带大家学习的是Three.js的文字形状与自定义形状，文章内容很详细，对大家学习Three.js或许有帮助，下面一起来看看吧。2016-08-08
本文用实例演示如何用d3.js实现实时刷新的折线图,非常具有实用价值,需要的朋友可以参考下。2016-08-08
JS日程管理插件FullCalendar是一款基于jQuery的日历日程插件，适用于各种日程安排、工作计划等场景，您可以很方便的查看查看待办事项，标记重要事项以及绑定点击和拖动事件，能快速的整合到您的项目中，本文将简单介绍FullCalendar的使用2017-02-02
数据列配置是 Highcharts 最复杂也是最灵活的配置，如果说 Highcharts 是灵活多变，细节可定制的话，那么数据列配置就是这个重要特性的核心。2016-08-08
精通JavaScript 纠正 cleanWhitespace函数
这个函数用在火狐(firefox)上面老是出错，今天仔细研究了下，改正了，希望别人不要遇到我这样的问题2010-03-03
Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表，并且免费提供给个人学习、个人网站和非商业用途使用。下面通过本文的介绍及实例一起来学习学习吧。2016-08-08
以AngularJS为代表的MVVM结构框架或库这两年来在前端界真是火到不行,大有对抗传统jQuery绑定思想的趋势,这里我们结合传统的MVC结构,来浅谈JavaScript前端开发的MVC结构与MVVM结构2016-06-06
最新评论