最后修改时间:2022-12-15 18:29
面积图包括普通的面积图(area)及面积范围图(arearange),根据面积连接线的不同,又可以分为直线面积图(area、arearange)和曲线面积图(areaspline 及 areasplinerange)。
图4-3 Highcharts 面积图
面积图相关的配置参考 API 文档:
曲线面积图和面积图一样,只不过连线的方式是曲线,而面积图的连线方式是直线。
图4-4 Highcharts 曲线面积图
曲线面积图相关的配置参考 API 文档:
下面列举关于面积图的常用设置及特性
在面积图中,有三个配置决定了面积的填充颜色,分别是:填充颜色、填充透明度 及当前数据列的颜色配置。
默认的填充颜色是当前数据列的颜色加上 0.75 (填充透明度默认值)的透明度。
下面是一个具体的使用示例:
同直线图一样,面积图也可以实现阶梯形,只需要配置 step 属性即可,下面是一个示例:
面积范围图相关的配置参考 API 文档:
面积范围图是表示范围区间的面积图,其 Y 值包含两个值,表示范围的最小值和最大值。
根据连接线的不同,面积图又分为面积范围图和曲线面积范围图。
曲线面积范围图相关的配置参考 API 文档:
关于面积图的详细信息我们将在后面的教程 “范围图” 中说明。
订阅更新
尊敬的用户您好:
由于域名备案调整,我们将于 2023-01-01 ~ 2023-01-07 日陆续停用 highcharts.com.cn 域名,受影响的网站及域名如下:
网站或服务名称 | 域名 | 替代的网站 |
---|---|---|
主站 | www.highcharts.com.cn | www.hcharts.cn |
静态资源服务/CDN | cdn.highcharts.com.cn code.highcharts.com.cn | code.hcharts.cn |
img.highcharts.com.cn | img.hcharts.cn | |
API 文档 | api.highcharts.com.cn | api.hcharts.cn |
导出服务 | export.highcharts.com.cn | export.hcharts.cn |
以上网站服务及 highcharts.com.cn 域名下的网站将于 2023-01-08 日全部下线,未来一段时间将不可访问,后续我们将上线新的网站。
如果您的应用中有使用到相关服务,请抓紧时间对链接进行调整(特别是静态资源/CDN 服务的链接),以免影响您的网站或应用的正常运行,由此给您带来的不便,敬请谅解。
如需帮助,请及时与我们联系:0571-86208605 / 18106595564(微信)。
简数科技 2022-12-22