Обновление диаграммы FusionChart замораживает диаграмму
Мой график зависает при обновлении данных, а также при загрузке графика в клиент. Ниже мой процесс обновления.
FusionCharts.setCurrentRenderer('JavaScript');
FusionCharts.ready(function () {
var chart = new FusionCharts({
type: "dragcolumn2d",
renderAt: "chartWeightAnalysis",
id: "dragChartId",
width: '100%',
height: '500',
dataSource: "compute/" +<?php echo $_SESSION['MM_Username']; ?> + "renderChartDragColumn2d.xml",
dataFormat: "xmlurl",
events: {
'chartUpdated': function (evt, args) {
var diffWeight = args.startValue - args.endValue;
var resultXML = chart.getXMLData();
var result = JSON.stringify(chart.getData());// alert(chart.getData());
var newString = jQuery.parseJSON(result);
var weightBox = [];
var sum = 0;
var resultBox = [];
var allDataBox = [];
jQuery.each(newString, function (key, value) {
if (key !== 0 && key !== args.dataIndex) {
weightBox.push(value[1]);
sum += value[1];
}
});
for (var key in weightBox)
{
var ratio = (weightBox[key] * diffWeight / sum);
var newValue = ratio + weightBox[key];
resultBox.push(newValue);
allDataBox.push(weightBox[key], newValue);
}
var dataIndex = (args.dataIndex - 1) * 2;
allDataBox.splice(dataIndex, 0, args.startValue, args.endValue);
var matrix = listToMatrix(allDataBox, 2);
for (var key in matrix) {
resultXML = resultXML.replace('value="' + matrix[key][0] + '"', 'value="' + matrix[key][1] + '"');
}
UpdateChart(chart, resultXML);
}
}
}).render();
});
}
function UpdateChart(chart, resultXML) {
chart.setXMLData(resultXML);
}
http://soft-touchdigital.com/images/errorChart.png
Как только он рендерит, он перестает отвечать. В чем может быть проблема? Кроме того, экспорт диаграммы клиенту также приводит к ее зависанию.
1 ответ
Я нашел ответ, я понял, что ошибка была из функции setChartData в целом, если вы используете другой тип setChartData, она перестает отвечать. например, в моем коде about я использовал datasouce: в качестве URL- адреса в XML (эквивалент setXMLUrl) и позже захотел обновить его, используя setXMLData, что, в свою очередь, привело к ошибке. Посмотрите на код обновления; Я использовал ajax для сохранения обновленной даты в том же файле (Важно!!!).
function UpdateChart(resultXML) {
$.ajax({
type: "POST",
async: false,
url: "app_processor.php",
data: {action: "DragChartUpdate", getXMLData: resultXML},
success: function (msg) {
if (msg !== 0)
{
chart.setXMLUrl("compute/" +<?php echo $_SESSION['MM_Username']; ?> + "renderChartColumn2d.xml");
}
}
});
}
в моем PHP-файле:
function DragChartUpdate($getXMLData) {
if (isset($getXMLData)) {
file_put_contents("compute/" . $_SESSION['MM_Username'] . "renderChartColumn2d.xml", "<?xml version='1.0' encoding='utf-8'?>" . $getXMLData . "");
} else {
file_put_contents("compute/" . $_SESSION['MM_Username'] . "renderChartColumn2d.xml", "<?xml version='1.0' encoding='utf-8'?>");
}
}