我正在使用JQPlot创建条形图。
现在我想将条形图的标题与图表的左侧对齐。
答案 0 :(得分:0)
现在没有计划扩展现有的渲染器,抱歉。将它放在里面需要几个步骤,正确调整网格的大小,顶部没有标题,并确保图例和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
希望它有所帮助!