在JqPlot中对齐条形图的标题

时间:2014-03-05 07:49:45

标签: jquery jqplot

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

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

2 个答案:

答案 0 :(得分:0)

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

在网格画布之后插入元素非常重要,因此它不会被网格覆盖。它还需要在事件画布之前,因此将捕获事件。

答案 1 :(得分:0)

有两种方法可以做到:

第一次:只需更新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

希望它有所帮助!