Highcharts-4-柱状图2
本文继续介绍Highcharts
中柱状图的制作,主要讲解了3种柱状图的制作:
- 堆叠柱状图
- 分组堆叠柱状图
- 带有百分比堆叠柱状图
垂直堆叠柱状图
效果图
先看下整体的效果图:
代码
将官网的源代码进行修改,使用python-highcharts
来进行绘制。
- 设置options中需要将bar改成column
- add_set_data中需要将bar改成column
1 | from highcharts import Highchart # 导入库 |
分组堆叠图-stack and group column
效果图
先看下整体的效果:
有4个不同的人和5种不同的水果:用户之间用颜色区分,水果之间通过组别间隔开来
代码
1 | # 导入库 |
重点配置项
一个重点的配置项:如何将数据显示在柱子外面或者里面,甚至是直接隐藏起来?
带有百分比的柱状图-bar with percentage
效果图
每个水果的整体柱子是一样的高度:100%;当鼠标放在
代码
1 | from highcharts import Highchart # 导入库 |
重要设置项
一个重要的设置项:'stacking': 'percent'