开源图表库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

标签:

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2019年8月15日
下一篇 2019年8月15日

相关推荐

发表回复

登录后才能评论