對齊JqPlot中條形圖的標題

Question

我正在使用JQPlot創建條形圖。

現在我想將條形圖的標題對齊到圖表的左側。

Answer 1

在here:

發現這個沒有計劃，現在延長了退出渲染器，對不起。將其放置在裏面需要幾個步驟，正確確定網格頂部沒有標題的大小，並確保圖例和x2軸（如果存在）移動到正確的位置。

作爲一個快速解決方案，您可以製作自己的標題並將其放置在網格中。例如：

mytitle = $('<div class="my-jqplot-title" style="position:absolute;text-align:center;padding-top: 15px;width:100%">My Custom Chart Title</div>').insertAfter('.jqplot-grid-canvas'); 

在網格畫布之後插入元素非常重要，因此它不會被網格覆蓋。它也需要在事件畫布之前，因此事件將被捕獲。

Answer 2

有兩種方法可以做到這一點：

：剛更新jquery.jqplot.css 爲.jqplot標題搜索並添加排列，如：

text-align: right !important; 

第二個：您可以更新由主jqplot js生成的值（jquery.jqplot.js或jquery.jqplot.min.js）。

然後嘗試搜索jqplot標題 掃描代碼，你會發現這樣的：

styles['textAlign'] = 'center'; 

默認基準爲「中心」。 然後，您可以更改中心/右側的值。

你也可以通過添加像等：

this._elem.css("padding-left", "10px"); 

提示添加函數裏面的一些custome CSS：主要功能是$ .jqplot.DivTitleRenderer.prototype.draw

希望能幫助到你！