0

jqplotを使用していますが、シリーズラベルの動作がおかしいです。値が大きすぎると、ラベルは表示されません。ラベルのキャンバス領域を保持する設定が見つかりません。何かご意見は？

[フィドルの例] http://jsfiddle.net/abenrob/nDcPB/11/

$(document).ready(function(){          
    optionsObj = {
        grid: {
            background: "rgba(0,0,0,0.0)",
            drawBorder: false,
            shadow: false
        }, 
        seriesColors: ["#6699FF"],
        seriesDefaults:{
            shadow:false, 
            renderer:$.jqplot.BarRenderer,
            rendererOptions: {
                barDirection: 'horizontal',
                barWidth:15,
                barMargin: 5
            }
        }, 
        series:[
            {pointLabels:{
                show: true
            }}],
        axesDefaults: {
            rendererOptions: {
            drawBaseline: false
            }
        },
        axes: {
            yaxis: {
                renderer: $.jqplot.CategoryAxisRenderer,
                tickOptions:{
                    showGridline:false, 
                    markSize:0
                }
            },
            xaxis:{
                tickOptions:{
                    show: false,
                    showGridline:false, 
                    markSize:0
                }
            }
        }
    };
    // labels not shown
    plot = $.jqplot('chart1', [[[507740000000,'Budget'],[496740000000,'Forecast'],[506740000000,'Expended']]], optionsObj)
    // labels shown
    plot2 = $.jqplot('chart2', [[[50774000,'Budget'],[49674000,'Forecast'],[50674000,'Expended']]], optionsObj)
});
4

1 に答える 1

1

バーの右側に十分なスペースがない場合、jqPlotがそれらをレンダリングするようには見えません。xaxisパッドオプションを使用してより多くのスペースを提供できますがmin: 0、自動スケーリングを少し適切に動作させるために、そこにスローする必要もありました。

...
      xaxis:{
            tickOptions:{
                show: false,
                showGridline:false, 
                markSize:0
            },
           min: 0,
           pad:1.8
        }
...

ここに画像の説明を入力してください

ここでフィドルを更新しました。

于 2012-12-28T19:58:10.130 に答える