图表区

网页图表Highcharts实践教程之图表区

混江龙づ霸主 提交于 2019-12-09 17:41:35
网页图表Highcharts实践教程之图表区 网页图表Highcharts图表区 图表区是图表的基本区域。所有的数据和图形都是绘制在图表区中。从图形绘制范围来分,图表区域分为外层图表区和绘图区。本章将详细讲解图表区的设置和创建。 网页图表Highcharts 图表区的构成 为了方便管理, Highcharts 将所有的图表元素都绘制在一个 Box 区域内,如图 2.1 所示。这个区域被称为图表区。由于图表中最重要的数据就是图表图形,所以图表图形所在的区域又构成一个独立的区域,称为绘图区,如图 2.1 所示。 图 2.1 图表区构成 从图 2.1 中可以看到,整个图表区由坐标轴构成的矩形分为两个部分:一部分是坐标轴围成的绘图区,一部分是图表区和绘图区之间的部分,称为外层图表区。下面依次讲解这两个部分。 网页图表Highcharts 外层图表区 外层图表区是图表区和绘图区之间的部分。标题、图例这类图表元素往往都分布在这个区域中。本节将详细讲解外层图表区的设置。 网页图表Highcharts 外层图表区的基本设置 外层图表区基本设置主要包括图表类型、图表区所在的 HTML 元素、外层图表区的宽高等属性。下面依次讲解这些属性。 1. 图表类型 type 在 Highchart 中,每种图表都是由 chart 组件实现的。所以,要得到不同类型的图表,必须指定图表类型。图表类型由 type