在设计一个项目中的数据展示页面时,想要设计双X轴,一个轴显示需要的项,一个轴对这些项进行分组,效果如图:
- Highcharts自带双X轴展示方式,但是效果不是太理想,调整起来也会麻烦些
- 看到Highcharts上有一个分组插件,grouped-categories.js,稍做修改即可实现想要的效果,代码如下:
$(function () {
var chart = new Highcharts.Chart({
chart: {
renderTo: "container",
type: "column