數(shù)據(jù)訪問(wèn)：https://www.hcharts.cn/

一、圖表縮放

功能描述：

圖表縮放指的是局部放大或縮小圖表，可以更方便的查看圖表數(shù)據(jù)。

Highcharts支持兩種方式縮放，縮放（zoom）和平移（panning）， 并且是完美支持移動(dòng)端手勢(shì)操作的 。

1、縮放（zoom）

代碼示例：

圖中 zoomType 取值為 x、y、xy 中的一個(gè)，分別表示圖表可以沿 x 軸，y軸，xy軸放大，也就是水平、豎直、平面放大。

效果圖：

2、平移（panning）

圖表縮放后，我們還可以進(jìn)行平移操作。默認(rèn)情況下，Highcharts是沒(méi)有開啟平移功能的；

panning：是否開啟平移功能，Highcharts默認(rèn)是 false。

panKey：平移按鍵，對(duì)應(yīng)的是鍵盤的鍵名，例如 ‘Shift’， ‘ctrl’ 。對(duì)于 Highcharts，開啟平移后，還需要設(shè)置 pankey，對(duì)應(yīng)的操作是縮放圖表后，按鈕指定按鍵就可以平移。

pinchType：同 zoomType，用于移動(dòng)端手勢(shì)操作縮放方向。

代碼示例：

效果圖：

二、坐標(biāo)軸的反轉(zhuǎn)

功能描述：

坐標(biāo)軸的反轉(zhuǎn)是x軸與y軸的位置調(diào)換，滿足一定的需求。

Highcharts通過(guò)坐標(biāo)軸的反轉(zhuǎn)屬性（inverted）進(jìn)行反轉(zhuǎn)；（reversed）可以改變坐標(biāo)軸標(biāo)簽的方向。

代碼示例：

效果圖：

坐標(biāo)軸標(biāo)簽方向改變后：