1
Я пытаюсь повернуть даты на моем xaxis. Похоже, что параметр rotate
не учитывается, а fontFamily
, fontSize
и formatString
работают.jqPlot: Повернуть метки даты xaxis
Я использую jqPlot 1.0.8 с JQuery 1.10.2 и Firefox 23.0.1
HTML:
<div id="chart-blood-pressure" class="jqplot-target" data-json="{"diastolic_blood_pressure":[["2013\/09\/25 00:00:00",100],["2013\/09\/24 00:00:00",70]],"systolic_blood_pressure":[["2013\/09\/25 00:00:00",130],["2013\/09\/24 00:00:00",120]],"heart_rate":[["2013\/09\/25 00:00:00",76],["2013\/09\/24 00:00:00",85]]}"></div>
JS:
$(document).ready(function(){
var data = $('#chart-blood-pressure').data('json');
var plot = $.jqplot('chart-blood-pressure', [data.diastolic_blood_pressure, data.systolic_blood_pressure, data.heart_rate], {
axes:{
xaxis:{
renderer:$.jqplot.DateAxisRenderer,
rendererOptions:{
tickRenderer:$.jqplot.CanvasAxisTickRenderer
},
tickInterval:'1 day',
tickOptions:{
fontSize:'10pt',
fontFamily:'Tahoma',
angle:-40,
formatString:'%b %#d, %Y',
}
},
},
});
});
Спасибо !! Это беспорядок со всеми необходимыми плагинами. –
Да! Примеры документации по jqPlot могут дать вам хороший обзор того, какие плагины вам нужны для определенных проблем. – AnthonyLeGovic
На самом деле некоторые страницы примеров неполны и не дают каждому плагину, который необходим ... Например http://www.jqplot.com/deploy/dist/examples/rotatedTickLabelsZoom.html :) –