Question

我有一个反转yAxis的柱形图：
jsFiddle

    dataLabels: {
        enabled: true,
        color: 'white',
        verticalAlign: "bottom",
        y: 10,
        style: {
            fontSize: '8px',
            fontFamily: 'Verdana, sans-serif',
            textShadow: '0 0 3px black'
        }

我想在jsFiddle示例中显示列内的数据标签，但不能将位置设置为靠近顶部边框，如here或高于每列的顶部边框。
我怎样才能实现它？

Answer 1

您遇到的问题是基于事实，即您更改了yAxis的起点。我不知道是否有可能在您的情况下实现“ top ”，因为该列没有相同的起点但停在相同的终点“{ {1}}”。这给出了一些接近的结果，但你应该进一步思考：

所以，无论如何你应该玩y（“dataLabels: { enabled: true, color: "white", rotation: -90, //optional align: "left", // "right" or delete it at all y:-150, //this is crucial style: { fontSize: '8px', fontFamily: 'Verdana, sans-serif', textShadow: '0 0 3px black' } },”是“ top ”级别，“y:-50”是“ bottom “级别”并确定所有列的含义都不同。

UPD ：据我所知，你想把它放在每一列的边缘，唉，我不确定这是否可能。

Answer 2

您需要直接设置dataLabels的选项以使其可见，请参阅：http://jsfiddle.net/sX83S/2/

            dataLabels: {
                ...
                verticalAlign: "top",
                overflow: true,
                crop: false,
                inside: true,
            }

Highchart反转列数据标签

2 个答案: