我尝试按模型在“我的图表”图表中加载数据。但是,我有问题。
Uncaught (in promise) ReferenceError: Январь is not defined
at drawChart (3:120)
at <anonymous>
我不知道,热衷于解决这个问题。我需要加载页面和加载页面加载图表。数据来自模型。
我的源代码:
<script type="text/javascript" src="~/Content/JS/loader.js"></script>
<script>
google.charts.load('current', { 'packages': ['bar'] });
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var options = {
chart: {
title: 'График заявок для службы @ViewBag.ServiceName',
subtitle: 'Заявления представлены для служб за каждый месяц текущего года',
},
bars: 'vertical',
vAxis: { format: 'decimal' },
colors: ['red', 'blue', 'green']
};
var data = new google.visualization.DataTable();
data.addColumn('string', 'Месяц');
data.addColumn('number', 'Общее');
data.addColumn('number', 'Выполненные');
data.addColumn('number', 'Актуальные');
@for (int i = 0; i < Model.tableStatementsModel.Count(); i++)
{
@: data.addRows([@Model.tableStatementsModel[i].Month.ToString(), @Model.tableStatementsModel[i].Count, @Model.tableStatementsModel[i].DoneCount, @Model.tableStatementsModel[i].TopicalCount]);
}
var chart = new google.charts.Bar(document.getElementById('graph-wrapper'));
chart.draw(data, google.charts.Bar.convertOptions(options));
};
</script>
答案 0 :(得分:0)
需要在字符串列值附近添加引号
(addRows
中的第一个数组值,请参见下面的代码段...)
@for (int i = 0; i < Model.tableStatementsModel.Count(); i++)
{
@: data.addRows(["@Model.tableStatementsModel[i].Month.ToString()", @Model.tableStatementsModel[i].Count, @Model.tableStatementsModel[i].DoneCount, @Model.tableStatementsModel[i].TopicalCount]);
}