1. 程式人生 > >Highchart基礎教程-圖表的主要組成

Highchart基礎教程-圖表的主要組成

一、Highchar圖表的主要組成

1、圖表標題(Title):圖表包含標題和副表題(subTitle,可選)。

2、座標軸(Axis):包括x軸(xAxis)和y軸(yAxis)。多個數據列可以共同使用一個座標軸,為了對比或區分資料,Highchar提供了多軸的支援。

3、資料列(Series):例如:曲線圖的一條曲線,柱狀圖的一個柱形。

4、資料提示框(Tooltip):當滑鼠懸停在某點上時,以框的形式提示該點的資料,比如該點的值,資料單位等。資料提示框內提示的資訊完全可以通過格式化函式動態指定。

5、圖例(Legend):用不同形狀、顏色、文字等 標示不同資料列,通過點選標示可以顯示或隱藏該資料列。

6、版權標籤(Credits 圖表版權資訊):顯示在圖表右下方的包含連結的文字,預設是Highcharts官網地址。通過指定credits.enabled=false即可不顯示該資訊。

7、匯出功能(xporting):通過引入exporting.js即可增加圖表匯出為常見檔案功能。

8、標示線(PlotLines):標示線(或輔助線)。可以在圖表上增加一條標示線,比如平均值線,最高值線等。

9、標示區(PlotBands):標示區域(分辨帶)。可以在圖表新增不同顏色的區域帶,標示出明顯的範圍區域。

二、Hightock(股票)的主要組成

 1、範圍選擇器(rangeSelector)

 2、導航器(navigator)

 3、滾動條(scrollbar)

 4、十字準星線(crosshair)

三、HighMap(地圖)的主要組成

 1、地圖導航器(mapNavigation)

 2、色值軸(colorAxis)

相關推薦

Highchart基礎教程圖表主要組成

一、Highchar圖表的主要組成 1、圖表標題(Title):圖表包含標題和副表題(subTitle,可選)。 2、座標軸(Axis):包括x軸(xAxis)和y軸(yAxis)。多個數據列可以共同使用一個座標軸,為了對比或區分資料,Highchar提供了多軸的支援。 3、資料列(Series):例如:曲

Highchart基礎教程圖表配置

一、圖表容器:   Highcharts 例項化中繫結容器的兩種方式: 1、通過 dom 呼叫 highcharts() 函式的方式 $("#container").highcharts({ // Highcharts 配置 }); 2、通過 chart.renderTo 來指定 var c

Scala基礎教程3控制結構與函式

在java語言中,表示式表示值,語句表示執行動作。 例如:表示式1+1表示值;thread.start()表示執行動作。 所有語法結構都有值,那怕是不存在用Unit型別. if/else語句 有值,為跟在if或else之後的表示式的值。 例:val s = if(x >

服務器硬件工程師從入門到精通視頻教程基礎篇發布了!

服務器 硬件 RAID 遠程管理 BIOS 課程目標 了解服務器硬件的基本概念和分類方式,掌握服務器各個組成硬件的相關知識和技術,熟悉服務器硬件組裝和軟件安裝流程,掌握常見品牌服務器主板的BIOS設置、固件更新以及板載RAID的配置方法,熟悉服務器操作系統和驅動程序的安裝,掌握服務器遠程管

Scala基礎教程7 -- 與MIXINS的類組成

7 與MIXINS的類組成 Mixins是用於組成一個類的特質。 abstract class A { val message: String } class B extends A { val message = "I'm an instance of

開啟、關閉、建立 資料庫 sqlite 基礎教程(4)

上一講的最後我留了點懸念,不知道上一講看完你有木有疑問。我的疑問就是我建立了一個控制代碼,但是我怎麼知道這個控制代碼指向的是磁碟上哪個資料庫檔案呢?我們只是建立了一個指標,指向一個 sqlite3 型別的結構體。裡面的資料都是空的或者預設的。我們接下來要做的就是去為這

Activiti基礎教程--02(初識Activiti流程設計工具、瞭解Activiti bpmn圖表對應的XML檔案)

一、初識Activiti流程設計工具     我們以後開發流程 首先要做的,就是要設計好流程圖;一個專案可能會包括多個流程圖;     所以我們在src/test/resources原始檔夾下新建一個包diagrams,以後所有的流程圖檔案(bpmn檔案和生成的png檔案

Spring Boot 2.x基礎教程:使用 ECharts 繪製各種華麗的資料圖表

上一節我們介紹瞭如何在Spring Boot中使用模板引擎Thymeleaf開發Web應用的基礎。接下來,我們介紹一下後端開發經常會遇到的一個場景:視覺化圖表。 通常,這類需求在客戶端應用中不太會用到,但是在後端的各種統計分析模組會經常碰到。比如:通過折線圖、柱狀圖、雷達圖等視覺化形式,更直觀的展現和分析經營

最完整的Elasticsearch 基礎教程

epo -o 小寫 名稱 搜索結果 博客 需要 必須 搜索api 基礎概念 Elasticsearch有幾個核心概念。從一開始理解這些概念會對整個學習過程有莫大的幫助。 接近實時(NRT) Elasticsearch是一個接近實時的搜索平臺。這意

【solr基礎教程之中的一個】Solr相關知識點串講

struct 詞匯 ont types 映射 details 必備 功能 提交 Solr是Apache Lucene的一個子項目。Lucene為全文搜索功能提供了完備的API。但它僅僅作為一個API庫存在。而不能直接用於搜索。因此,Solr基

java基礎:標識符和組成規則

規則 字母 方法 java基礎 font clas 本質 java class 標識符的概念: 就是給類,接口,方法,變量等起名字的字符序列 標識符的組成規則: A:英文大小寫字母 B:數字 C:$和_ 註意事項: A:不能以數字開頭 B:不能是java中的關鍵字 C

Thrift 基礎教程(一)安裝篇

div 更新 g++ pat 定義 init 環境 1.7 進行 1、Thrift簡單介紹 Thrift是一款由Fackbook開發的可伸縮、跨語言的服務開發框架,該框架已經開源而且增加的Apache項目。Thrift主要功能是:通過自己定義的Interface Def

<<Python基礎教程>>學習筆記 | 第12章 | 圖形用戶界面

lena text 平臺 post ack 由於 contents exp 一個 Python支持的工具包非常多。但沒有一個被覺得標準的工具包。用戶選擇的自由度大些.本章主要介紹最成熟的跨平臺工具包wxPython.官方文檔: http://wxpython.org/

Python基礎教程之第5章 條件, 循環和其它語句

like eba cti python基礎 word 沒有 positive while循環 pytho Python 2.7.5 (default, May 15 2013, 22:43:36) [MSC v.1500 32 bit (Intel)] on win32

SiteMesh基礎教程

導航條 web頁面 att blank symphony 創建 筆記 整合 web SiteMesh是由一個基於Web頁面布局、裝飾以及與現存Web應用整合的框架。它能幫助我們在由大量頁面構成的項目中創建一致的頁面布局和外觀,如一致的導航條,一致的banner,一致的版權,

ATOM基礎教程一使用前端插件emmet(16)

自減 styles 工程 expand string 元素符號 asc value adding emmet簡介 http://blog.csdn.net/zsl10/article/details/51956791 emmet的前身是Zen coding,從事Web前

Solr基礎教程之solrconfig.xml(三)

配置文件 multi listener 了無 files content esc lte 存儲 前面介紹過schema.xml的一些配置信息,本章介紹solrconfig.xml的配置,以及怎樣安裝smartcn分詞器和IK分詞器,並介紹主要的查詢語法。

Nginx基礎教程

ref doc lena root mic htm cati 路徑 filename 極速教程 原文鏈接 1.靜態服務器 server { listen 80; # 端口號 location / { root /usr/share/ngin

Tinyshop前後臺操作基礎教程講解

類型 ext https part 商品管理 數據庫管理 tle 商品 品牌 Tinyshop前後臺操作基礎教程講解 01 tinyshop v3框架的安裝 【錄播】tinyshop v3框架的安裝(8分鐘) 02 tinyshop v3框架的後臺基本參數

[學習筆記—Objective-C]《Objective-C-基礎教程 第2版》第十一章 屬性

變量名 erl .text nonatomic syn split view 不能 -name 11.1 使用屬性值 @property float rainHandling; //表明此類具有float類型的屬性,其名稱為rainHandling