如何在jqPlot堆积条形图中定位标签?

时间:2013-08-26 12:33:04

标签: jquery css jqplot

我无法弄清楚如何在条形图中定位标签。当它们堆叠时,有没有办法将它们放在它各自的栏中?在下面的图片中,大多数似乎在合理的中间,除了只有一个下沉到底部。我不知道如何改变这一点。我已经尝试在CSS中添加一个边距,但似乎没有效果。我也试过在pointLabel选项中使用x / ypadding,但它似乎只是移动它而不是向上或向下移动。 jqPlot

var s1 = [31, 10, 20, 44],
                s2 = [15, 4, 7, 16],
                ticks = ['May', 'June', 'July', 'August'];

            $.jqplot('graph_pnl2', [s1, s2], {
                stackSeries: true,
                seriesColors:['#73C774', '#C7754C'],

                seriesDefaults:{
                    renderer:$.jqplot.BarRenderer,
                    rendererOptions: {fillToZero: true},
                    pointLabels: { show: true, location: 'e', xpadding: 25, ypadding: 25},
                },

                legend: {
                    show: false,
                    placement: 'insideGrid'
                },
                axes: {

                    xaxis: {
                        renderer: $.jqplot.CategoryAxisRenderer,
                        ticks: ticks
                    },
                    yaxis: {
                        pad: 0,
                        tickOptions: {formatString: '%d'}
                    }
                }
            });

1 个答案:

答案 0 :(得分:0)

您没有注意到在第二个堆叠列中只有一个值...(10值列在哪里?) 好。看来你正在使用一些不正确的财产...... 我认为在yaxis属性上是“pad:0”。请删除它或将其注释掉。

        yaxis: {
            //pad: 0,
            tickOptions: {formatString: '%d'}
        }

Here是JSFiddle上的代码。