每个块的反应/高图表/堆叠条形标签

Question

我正在尝试使用不同颜色的堆叠条，如下所示。

我可以达到下面的标准，但是寻找 - 1. 在每个块下标记并计数。 2. 单击其中一个块，应更改其余块的颜色（应与悬停行为相同）

如有任何建议和帮助，我们将不胜感激。

Answer 1

您可以使用带有已启用数据标签的堆积条形图：

    plotOptions: {
        bar: {
            stacking: 'normal',
            dataLabels: {
                color: 'black',
                enabled: true,
                y: 80
            }
        }
    }

现场演示： http://jsfiddle.net/BlackLabel/wg46umjp/

API参考：https://api.highcharts.com/highcharts/plotOptions.bar.dataLabels

每个块的反应/高图表/堆叠条形标签

React / High chart / Stacked bar label for each block

highcharts

reactjs