在JqPlot中对齐条形图的标题

问题描述 投票:1回答:2

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

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

jquery jqplot
2个回答
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');

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


0
投票

有两种方法可以做到:

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

希望能帮助到你!

热门问题
推荐问题
最新问题