开源图表库Highcharts v7.2.0新功能详解:彩色编码数据

翻译|其它|编辑:吴园园|2019-09-18 16:50:48.100|阅读 39 次

概述:本文详解Highcharts v7.2.0的新功能:将颜色作为数据维度应用于饼图或柱形图。

Highcharts是一款纯JavaScript编写的图表库,为你的Web网站、Web应用程序提供直观、交互式图表。当前支持折线、曲线、区域、区域曲线图、柱形图、条形图、饼图、散点图、角度测量图、区域排列图、区域曲线排列图、柱形排列图、极坐标图等几十种图表类型。

点击下载Highcharts最新版

在Highcharts v7.2中,我们将现有的colorAxis从地图和热图中删除,并使其几乎适用于所有系列类型。这意味着我们可以将另一个数据维度应用于传统图表,如饼图或柱形图。带有颜色轴的柱形图现在可以显示三个维度 - 类别,Y值和按颜色编码的自定义第三个值。其他已经可视化三维的图表类型,如bubble,variwide或variable pie,现在可以扩展到四个数据维度。

除了几乎所有系列类型都可用之外,图表现在可以包含多个颜色轴。如果你想为你的图表系列想要不同的颜色编码,这就派上用场了,类似于为不同大小的系列设置多个Y轴。多个颜色轴将出现在图例中。

新实现包括以下新API选项:

  • series.colorKey

确定在使用时应使用哪个数据值来计算点颜色colorAxis。需要设置min以及max是否使用某些自定义点属性或是否将数据分组的近似值设置为'sum'。

默认为y。

开源图表库Highcharts v7.2.0新功能详解:彩色编码数据

  • series.colorAxis - 使用双色轴或多色轴时,此设置定义特定系列所连接的颜色轴。它可以是指代颜色轴索引的数字,也可以是指代颜色轴索引的字符串id。

  • colorAxis.layout - 虽然之前颜色轴将在水平图例中水平渲染,而在垂直图例中垂直渲染,但现在可以单独设置布局。

开源图表库Highcharts v7.2.0新功能详解:彩色编码数据

想要购买Highcharts正版授权的朋友可以咨询慧都官方客服

更多精彩内容,敬请关注下方的微信公众号,及时获取产品最新资讯▼▼▼

图片2.jpg



标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果

文章转载自:Highcharts https://www.highcharts.com/blog/news/color-coded-data/

登录 慧都网发表评论


暂无评论...

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
相关厂商
相关产品
Highcharts

纯JavaScript编写的开源图表库,为你的Web应用程序提供直观的、交互式图表

购物车 在线客服 在线QQ 电话咨询
400-700-1020
反馈
在线客服系统
live chat