У меня есть множество больших данных, которые я извлекаю из базы данных и помещаю в массив, где мне действительно нужны запятые для удобства использования. Итак, в SQL я форматирую числа, и они действительно хороши. Когда я использую их в Google Charts, диаграммы ломаются. Поэтому я удаляю Формат в SQL и отображаю необработанные числа, и Google Charts счастлив. Что за дилеммаУдобство использования обоих было бы великолепно.
Вот мой нынешний красивый код диаграммы.
<script type="text/javascript">
google.charts.load('current', {packages: ['corechart'],
callback: drawChart});
function drawChart() {
var tableRows = [];
var results = document.getElementById('allstage');
Array.prototype.forEach.call(results.rows, function(row) {
var tableColumns = [];
Array.prototype.forEach.call(row.cells, function(cell) {
var cellText = cell.textContent || cell.innerText;
switch (cell.cellIndex) {
case 0:
tableColumns.push(cellText.trim());
break;
default:
switch (row.rowIndex) {
case 0:
tableColumns.push(cellText.trim());
break;
default:
tableColumns.push(parseFloat(cellText));
}
}
});
tableRows.push(tableColumns);
});
var data = google.visualization.arrayToDataTable(tableRows);
var formatter = new google.visualization.NumberFormat(
{negativeColor: 'red', negativeParens: true, pattern: '###,###'});
formatter.format(data, 1);
var options = {
title: 'All Stages In Percent',
titleTextStyle: {color: 'black', fontSize: 28},
bar: {groupWidth: '70%'},
chartArea: { backgroundColor: { fill: '#F0F8FC', opacity: 100 }},
fontSize:12,
legend: { position: 'right', textStyle: { color: 'black', fontSize: 12}},
tooltip: {isHtml: true},
is3D: true,
};
var chart = new google.visualization.PieChart(document.getElementById('allstage_div'));
chart.draw(data, options);
}
Есть идеи? Я попытался опубликовать изображение моей проблемы, но эта вещь говорит: «Вам нужно как минимум 10 репутации, чтобы опубликовать изображения!»Замечательно ... Какая репутация среди друзей? Простое изображение находится по HTTP: // i.ibb.co/DYZWbkc/Capture.jpg