Highcharts入門之基本屬性
更新時間：2016年08月02日 17:12:54 投稿：daisy
Highcharts是一個用純JavaScript編寫的一個圖表庫，之前小編發(fā)了一篇介紹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有所幫助，小編還會陸續(xù)更新Highcharts的相關文章，請繼續(xù)關注腳本之家。
相關文章
這篇文章主要為大家介紹了js類庫styled-components快速入門的教程示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-06-06
本篇主要介紹照相機中的正交投影照相機。學習Three.js的小伙伴們可以參考學習。2016-08-08
FullCalendar是一款基于jQuery的日歷插件，適用于各種日程安排、工作計劃等場景，本文是fullCalendar官方文檔的中文版，主要介紹了fullCalendar的具體屬性與方法，大家可以參考一下2017-02-02
這篇文章主要介紹了淺談輕量級js模板引擎simplite的簡介和用法的相關資料,需要的朋友可以參考下2015-02-02
JS日程管理插件FullCalendar提供了豐富的屬性設置和方法調用，開發(fā)者可以根據FullCalendar提供的API快速完成一個日歷日程的開發(fā)，本文將FullCalendar的常用屬性和方法、回調函數等整理成中文文檔，以供參閱。2017-02-02
這篇文章主要介紹了如何使用可視化庫gojs及使用時的小技巧，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2022-01-01
JS日程管理插件FullCalendar是一款基于jQuery的日歷日程插件，適用于各種日程安排、工作計劃等場景，您可以很方便的查看查看待辦事項，標記重要事項以及綁定點擊和拖動事件，能快速的整合到您的項目中，本文將簡單介紹FullCalendar的使用2017-02-02
使用RequireJS庫加載JavaScript模塊的實例教程
RequireJS庫的主旨就是一個js文件的模塊加載器,可以獨立于框架來進行使用,這里我們整理了使用RequireJS庫加載JavaScript模塊的實例教程,需要的朋友可以參考下2016-06-06
本篇將介紹基本材質以及兩種基于光照模型的材質（Lamber與Phong），有需要的小伙伴們可以參考學習。2016-08-08
最近因為心血來潮想要試試thinkJS操作mongoDB，去官方文檔看了看，默認是只給了mysql的配置，源代碼也是沒有配置mongo的，只有一個官方案例，無奈只能自己學習了，下面是自己的一些學習總結，有需要的朋友們可以參考借鑒，下面來一起看看吧。2016-12-12