在 JqPlot 中对齐条形图的标题答案

【问题标题】：Aligning the title of bar chart in JqPlot在 JqPlot 中对齐条形图的标题
【发布时间】：2014-03-05 07:49:44
【问题描述】：

我正在使用 JQPlot 创建条形图。

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

【问题讨论】：

标签： jquery jqplot

【解决方案1】：

在here:找到这个

抱歉，目前没有扩展现有渲染器的计划。将其放置在内部需要几个步骤，正确调整顶部没有标题的网格大小，并确保图例和 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');

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

【讨论】：

【解决方案2】：

有两种方法：

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

默认对齐方式是“居中”。然后你可以改变像 center/right 这样的值。

您还可以通过添加like等在函数内添加一些自定义css：

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

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

希望对你有帮助！

【讨论】：