Я установил диаграмму флота jsrender с jsreport.net и в настоящее время терпит неудачу с осью y диаграмм на многостраничных страницах. Как вы можете видеть на втором изображении, ось y не соответствует строкам правильно.Flot, jsrender & phantom: ось метки метки
Update: Вот ссылка площадка:: https://playground.jsreport.net/#playground/WJmSGjkB5/2
Первая страница:
Вторая страница:
Вот текущий исходный фрагмент кода
var seriesCount = 1; // current data series identifier
// drawing series hook
dsHook = function(plot, canvascontext, series){
for (var i = 0; i < series.data.length; i++){
// get relative position of plot
var offset = plot.offset();
// get data point
var dP = series.data[i];
var pos = plot.p2c({x: dP[0], y: dP[1]});
var barWidth = plot.p2c({x: dP[0] + series.bars.barWidth, y: dP[1]}).left - pos.left;
var posCorr;
// set horizontal position correction
switch(seriesCount) {
case 1: posCorr = -72; break;
case 2: posCorr = -23; break;
case 3: posCorr = 24; break;
case 4: posCorr = -50; break;
case 5: posCorr = 2; break;
}
pos.left += offset.left + posCorr;
pos.top += offset.top - 30;
numFormatted = number_format(dP[1], 0, '', '\'');
var aDiv = $('<div></div>').css({'width':barWidth, 'background-color':'white','color':'black','font-size':'12px','text-align':'center','position':'absolute','left': pos.left,'top':pos.top}).text(numFormatted).appendTo("body");
}
seriesCount++;
}
Вы уверены, что это не проблема css? ваш контейнер может быть не нужного размера для любых созданных флотом элементов. –
css div имеет следующие атрибуты: ширина: 700px; высота: 300px; позиция: относительная; margin: 50px auto; – sullivan
Возможно ли создать JSFiddle, чтобы посмотреть, что там происходит? http://jsfiddle.net/ –