对齐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

希望能帮助到你！