angular-google-charts: неожиданное значение NaN-разбор атрибута x
Я просто хочу добавить, что вы должны убедиться, что ваша база данных создана с помощью COLLATE utf8_general_ci или любой другой сортировки, которую вы хотите использовать. Кроме того, вы можете получить другую, чем предполагалось.
В phpmyadmin вы можно увидеть сортировку, щелкнув вашу базу данных и выбрав операции. Если вы попытаетесь создать таблицы с другой сортировкой, отличной от вашей базы данных, ваши таблицы в конечном итоге все равно будут сопоставлены с базами данных.
Поэтому убедитесь, что сортировка для вашей базы данных прямо перед созданием таблиц. Надеюсь, это сэкономит кому-то несколько часов lol
1 ответ
данные отображаются в неправильном формате.
вместо двух массивов с отдельными значениями столбцов ...
[ "Joe", "Peter", "Lauren"...
[ 36, 18, 31...
каждая строка в данных должна быть массивом с каждым значением столбца ...
[ "Joe", 36 ],
[ "Peter", 18 ],
[ "Lauren", 31 ],
map утверждениях.
заменить ...
let firstname = res.map(res => res.firstname);
let age = res.map(res => res.age);
на ...
let data = res.map(res => [res.firstname, res.age]);
, а затем добавить данные в объект карт ...
this.charts.push({
title: 'Customer Demographics',
type: 'Bar',
columnNames: ['Customer', 'Age'],
roles: [],
data: data, // <-- add data here
options: {
chart: {
title: 'Customer Demographics',
subtitle: 'Sales, Expenses, and Profit: 2014-2017'
},
bars: 'vertical' // Required for Material Bar Charts.
}