I'm using jqPlot Look at the right-bottom corner
Left side is correct, but the right side isn't.
There is a way to fix word-wrap on tick labels?
EDIT:
$(document).ready(function(){ var plot2 = $.jqplot ('chart-line', [[["2013-03-22",1],["2013-03-23",0],["2013-03-24",0],["2013-03-25",2],["2013-03-26",19],["2013-03-27",7],["2013-03-28",4]]] , { title: 'Total de alertas por dia', seriesDefaults: { fill:true, color: 'steelblue', rendererOptions: { smooth: true }, pointLabels:{ show:true } }, axes: { xaxis: { renderer: $.jqplot.DateAxisRenderer, tickOptions:{ formatString: '%F',//'%Q', textColor: 'black', fontSize: '11px', labelPosition: 'auto' } }, yaxis: { min:0, tickRenderer: $.jqplot.CanvasAxisTickRenderer } } });
EDIT: Here is HTML
<style>
.ComBordaRedonda {
border:1px solid #dadada;
border-radius:3px;
padding:5px;
font-size: 10pt;
font-family: Calibri;
}
</style>
<div class="ComBordaRedonda" style = "float: right;background-color:#FFFFFF;width: 57%; height: 300px;">
<div id = "chart-line" style = "width: 90%; height: 95%;margin:auto">
</div>
</div>
I fixed it. I forgot to include the css of jqPlot in the page.
thanks nick_w!