highcharts ajax 面积图,面积图及面积范围图

面积图包括普通的面积图(area)及面积范围图(arearange)，根据面积连接线的不同，又可以分为直线面积图(area、arearange)和曲线面积图(areaspline 及 areasplinerange)。

一、面积图

图4-3 Highcharts 面积图

面积图相关的配置参考 API 文档：面积图配置：针对当前数据列有效

面积数据列配置：针对当前页面的所有面积数据列有效

1、曲线面积图

曲线面积图和面积图一样，只不过连线的方式是曲线，而面积图的连线方式是直线。

图4-4 Highcharts 曲线面积图

曲线面积图相关的配置参考 API 文档：曲线面积图配置：针对当前数据列有效

曲线面积数据列配置：针对当前页面的所有曲线面积数据列有效

下面列举关于面积图的常用设置及特性

2、面积填充颜色

在面积图中，有三个配置决定了面积的填充颜色，分别是：填充颜色、填充透明度及当前数据列的颜色配置。

默认的填充颜色是当前数据列的颜色加上 0.75 (填充透明度默认值)的透明度。

下面是一个具体的使用示例：

3、阶梯型面积图

同直线图一样，面积图也可以实现阶梯形，只需要配置 step 属性即可，下面是一个示例：

二、面积范围图

图4-5 Highcharts 面积范围图

面积范围图相关的配置参考 API 文档：面积范围图配置：针对当前数据列有效

面积范围数据列配置：针对当前页面的所有面积范围数据列有效

面积范围图是表示范围区间的面积图，其 Y 值包含两个值，表示范围的最小值和最大值。

根据连接线的不同，面积图又分为面积范围图和曲线面积范围图。

图4-6 Highcharts 曲线面积范围图

曲线面积范围图相关的配置参考 API 文档：曲线面积范围图配置：针对当前数据列有效

曲线面积范围数据列配置：针对当前页面的所有曲线面积范围数据列有效

关于面积图的详细信息我们将在后面的教程 “范围图” 中说明。

highcharts ajax 面积图,面积图及面积范围图 | Highcharts 使用教程相关推荐

Tableau绘制漏斗图、甘特图、瀑布图、镶边面积图、阴影坡度图
Tableau绘制漏斗图.甘特图.瀑布图.镶边面积图.阴影坡度图本文首发于博客冰山一树Sankey,去博客浏览效果更好.直接右上角搜索该标题即可一. 漏斗图数据源 1.1 分色直条漏斗图 (1) ...
python可视化（2-2）绘图对象（折线图、散点图、面积图、填充图）
本文主要介绍折线图.散点图.面积图和填充图 plt.plot是matplotlib最基础的接口,matplotlib作者也将这个接口设计得足够简单,以至于只需要输入一个参数(数组,列表型数据),就能够 ...
三圆相交阴影部分面积_这题要证明圆的切线并求阴影面积，分割图形求面积法是解题关键...
各位关注数学世界的朋友,大家好!数学世界将继续为大家分享初中数学中有关圆的综合题,笔者希望通过对习题的分析与讲解,能够为广大初中生学习相关数学知识提供一些帮助! 长期关注我们的朋友都知道,数学世界一直 ...
三调图斑地类面积_图斑地类面积理论值计算方法说明
图斑地类面积理论值计算方法说明 1 计算原则 1.1 面积平差原则任何平差结果必须满足以下原则: ( 一 ) 涉及图形变化的图斑,分割或合并操作后,图斑地类面积总值应保持不变. ( 二 ) 图斑地 ...
c#中计算三角形面积公式_【面积系列专题】三角形面积公式之水平宽铅垂高
点击上方蓝字关注我们 [面积系列专题] 三角形面积公式之水平宽铅垂高 TSQ中学数学微信:TSQmaths 一.本文说明三角形的面积公式计算较多,而在平面直角坐标系中的三边都不与坐标轴平行的三角形面 ...
Java黑皮书课后题第6章：*6.36（几何：正多边形的面积）正多边形…计算正多边形面积的公式是area = (n*s*s) / (4*Math.tan(Math.PI / n))。输入边长显示面积
6.36(几何:正多边形的面积)输入正多边形边的个数和边长,显示面积题目题目描述与运行示例破题代码题目题目描述与运行示例 6.36(几何:正多边形的面积)正多边形- 计算正多边形面积的公式 ...
转：【Python3网络爬虫开发实战】6.4-分析Ajax爬取今日头条街拍美图
[摘要] 本节中,我们以今日头条为例来尝试通过分析Ajax请求来抓取网页数据的方法.这次要抓取的目标是今日头条的街拍美图,抓取完成之后,将每组图片分文件夹下载到本地并保存下来. 1. 准备工作在本节 ...
Python3网络爬虫开发实战分析Ajax爬取今日头条街拍美图
本节中,我们以今日头条为例来尝试通过分析Ajax请求来抓取网页数据的方法.这次要抓取的目标是今日头条的街拍美图,抓取完成之后,将每组图片分文件夹下载到本地并保存下来. 1. 准备工作很多人学习pyt ...
【Python3网络爬虫开发实战】6.4-分析Ajax爬取今日头条街拍美图
[摘要] 本节中,我们以今日头条为例来尝试通过分析Ajax请求来抓取网页数据的方法.这次要抓取的目标是今日头条的街拍美图,抓取完成之后,将每组图片分文件夹下载到本地并保存下来. 1. 准备工作在本节 ...

highcharts ajax 面积图,面积图及面积范围图 | Highcharts 使用教程

highcharts ajax 面积图,面积图及面积范围图 | Highcharts 使用教程相关推荐

最新文章

热门文章