簡體   English   中英

如何在jqPlot堆疊條形圖中放置標簽?

[英]How do you position the labels in jqPlot stacked bar charts?

我不知道如何在條形圖中放置標簽。 當它們堆疊在一起時,是否可以將它們居中放置在其相應條中? 在下面的圖片中,它們中的大多數似乎都在中間,只是只有一個向下沉。 我不知道該如何更改。 我試過在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'}
                    }
                }
            });

您沒有注意到在第二個堆疊列中只有一個值...(10值列在哪里?)好的。 似乎您使用的屬性不正確...我認為這是yaxis屬性上的“ pad:0”。 請刪除它或將其注釋掉。

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

是JSFiddle上的代碼。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM