Я показываю результаты программы обнаружения эмоций лица в виде гистограммы Google. Проблема заключается в том, что для каждого возвращаемого набора результатов диаграмма отображает двойное число строк.
BarGraphWithDuplicates
<script>
document.getElementById("result").innerHTML;
google.charts.load('current', {packages: ['corechart', 'bar']});
</script>
<button onclick="stopTextColor();">Stop</button>
<img id="bg" width=1200px height=900px src="{{ url_for('calc') }}">
<div id="chart"></div>
</body>
<script type="text/javascript">
var intervalID = setInterval(update_values,1000);
function update_values() {
$.getJSON($SCRIPT_ROOT + '/result',
function(data) {
$('#result').text(data.result);
console.log(data);
drawMultSeries();
function drawMultSeries() {
var tdata = google.visualization.arrayToDataTable(data.result, true);
tdata.addRows(data.result);
var options = {
height: 500,
width: 500,
chartArea:{left:100,top:100,right:100,bottom:100},
hAxis: { ticks: [25,50,75,100] },
isStacked: false,
bar: {groupWidth: '10'},
vAxis:{ textStyle:{color: '#000000',fontSize: '12', paddingRight: '0',marginRight: '0'}},
colors: ['green','#ffff99','#ffbf0c','red'],
};
var chart1 = new google.visualization.BarChart(document.getElementById('chart'));
chart1.draw(tdata, options);
}
});
};
function stopTextColor() {
clearInterval(intervalID);
}
</script>
Когда я проверяю возвращаемый массив, их всего 7, но график, как вы видите, показывает 14. Следующие 7 строк являются точной копией первых 7. Я не уверен, в чем я ошибаюсь Вот. Может кто-нибудь помочь мне с этим?