Highchart热图分组类别插件样式问题 [英] Highchart heatmap grouped category plugin styling issues

问题描述

有人可以帮我解决以下样式问题吗?

Could someone please help me with following styling issues?

1. 为什么类别没有像插件网站上的柱形图所示的线段?看到红色标记的区域
2. 我希望拥有HighChart的minorGridlines属性，以清楚地标出类别.在示例中，我为每个类别有2个子类别.如何从Highchart的2个类别间隔添加次要网格线?图片中我想要的是图片中的绿线之类的东西.

这是我对相同> https://jsfiddle.net/k16sdhrz/

 chart: {
    type: 'heatmap',
},

yAxis: {
    categories: [{
            name: 'Cat 1',
            categories: ['Item 1_1', 'Item 1_2']
        },
        {
            name: 'Cat 2',
            categories: ['Item 2_1', 'item 2_2']
        }
    ]
},

在此先感谢您的帮助.

推荐答案

1. 增加 tickWidth 属性(默认为0-
)
2. 使用 plotLines 选项:

1. Increase tickWidth property (0 - by default)
2. Use plotLines option:

---

yAxis: {
    tickWidth: 1,
    labels: {
        x: -5
    },
    plotLines: [{
        value: -0.5,
        color: 'green',
        width: 5,
        zIndex: 10
    }, ...]
}

---

实时演示: https://jsfiddle.net/BlackLabel/ekcq2td8/

API参考: https://api.highcharts.com/highcharts/yAxis.tickWidth

这篇关于Highchart热图分组类别插件样式问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！