在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

有两种方法可以做到：

1st：只需更新jquery.jqplot.css搜索.jqplot-title并添加如下对齐方式：

text-align: right !important;

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

然后尝试搜索jqplot-title扫描代码，你可能会发现：

 styles['textAlign'] = 'center';

默认对齐是“中心”。然后你可以改变中心/右边的值。

你也可以通过添加类似的东西在函数内添加一些自定义css：

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

提示：主要功能是$ .jqplot.DivTitleRenderer.prototype.draw

希望能帮助到你！