1

私のJQPlotチャートは現在すべてを正しくレンダリングしていますが、唯一の問題は目盛りラベルがチャートと重なっていることです。とにかく、これが起こらないように、または単純なオプションの変更を防ぐために、ラベルをオフセットすることができますか？JQPlotのWebサイトでこれについて何も見つかりませんでしたので、助けていただければ幸いです。サンプルコードは次のとおりです。

var moduleTypesChart = $.jqplot("moduleTypesChart",[moduleTypesCount], {
                            title:'<h2>Module Types Distribution</h2>',
                            seriesColors:["darkred"],
                            seriesDefaults:{
                                renderer:$.jqplot.BarRenderer,
                                rendererOptions: {fillToZero: true, varyBarColor: false}
                            },
                            axesDefaults:{
                                tickRenderer: $.jqplot.CanvasAxisTickRenderer,
                                tickOptions:{
                                    angle: -15,
                                    textColor:'black',
                                    labelPosition:'middle',
                                    fontFamily:"Arial",
                                    fontWeight:"bold"
                                }
                            },
                            axes: {
                                xaxis: {
                                    renderer: $.jqplot.CategoryAxisRenderer,
                                    ticks: moduleTypes
                                }
                            },
                            grid: {
                                background:'Gainsboro',
                                gridLineColor:'LightSteelBlue'
                            }
4

1 に答える 1

4

これを行うには、CSS を変更します。

jqPlot ディレクトリには、次の 2 つのファイルがjquery.jqplot.cssあります。jquery.jqplot.min.css

内部には、y 軸ラベルの CSS クラスがあります。

.jqplot-yaxis-label {
    margin-right: 20px;
    font-size: 11pt;
    position: absolute;
}

目盛りとの重なりを避けるために、右マージンを増やすことができます。

HTML ドキュメントの head 内で、これらのファイルのいずれかにリンクすることを忘れないでください。たとえば、次のようになります。

<link rel='stylesheet' type='text/css' href='/DHTML/jqplot/jquery.jqplot.css'>
于 2012-10-08T15:28:36.460 に答える