Jquery 对齐JqPlot中条形图的标题

我正在使用JQPlot创建条形图

现在我想将条形图的标题与图表的左侧对齐。

在

抱歉，目前没有扩展现有渲染器的计划。将其放置在内部需要几个步骤，正确调整网格大小（顶部没有标题），并确保图例和x2axis（如果存在）移动到正确的位置

作为一个快速修复，您可以制作自己的标题并将其放置在网格中。比如：

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');

mytitle=$（“我的自定义图表标题”）.insertAfter（“.jqplot网格画布”）；

---

在网格画布之后插入元素很重要，这样它就不会被网格覆盖。它还需要位于事件画布之前，以便捕获事件

有两种方法：

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

text-align: right !important;

2nd：您可以更新主jqplot js生成的值（jquery.jqplot.js或jquery.jqplot.min.js）

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

 styles['textAlign'] = 'center';

默认对齐方式为“中心”。 然后您可以更改值，如“居中/右”

您还可以在函数中添加一些自定义css，例如：

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

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

希望有帮助