Highchart反转列数据标签

时间:2014-02-27 08:38:28

标签: highcharts

我有一个反转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或高于每列的顶部边框。
我怎样才能实现它?

2 个答案:

答案 0 :(得分:0)

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

150

所以,无论如何你应该玩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 :据我所知,你想把它放在每一列的边缘,唉,我不确定这是否可能。

答案 1 :(得分:0)

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

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