Javascript 如何在ASP.NET web应用程序中集成C#代码中的chart.js线性规或圆形规

我正在尝试使用ASP.NET构建一个web应用程序，它将连接到SQL server并创建一个分析仪表板

对于仪表板，我正在使用，其中包括和。仪表的原始代码写在.aspx文件中，如下所示：（在圆形仪表链接中也是这样写的）

带有datalabels插件的仪表图表显示标签
var randomScalingFactor=函数（）{
返回Math.round（Math.random（）*100）；
};
var randomData=函数（）{
返回[
randomScalingFactor（），
randomScalingFactor（），
randomScalingFactor（），
randomScalingFactor（）
];
};
var randomValue=函数（数据）{
返回Math.max.apply（null，数据）*Math.random（）；
};
var data=randomData（）；
var值=随机值（数据）；
变量配置={
类型：“仪表”，
数据：{
标签：[“成功”、“警告”、“警告”、“失败”]，
数据集：[{
数据：数据，
价值：价值，
背景颜色：[“绿色”、“黄色”、“橙色”、“红色”]，
边框宽度：2
}]
},
选项：{
回答：是的，
标题：{
显示：对，
文本：“带有datalabels插件的仪表图表显示标签”
},
布局：{
填充：{
底数：30
}
},
针：{
//指针圆半径占图表区域宽度的百分比
放射百分比：2，
//指针宽度占图表区域宽度的百分比
百分比：3.2，
//针的长度为弧的内半径（0%）和外半径（100%）之间的间隔百分比
长度百分比：80，
//针的颜色
颜色：“rgba（0,0,0,1）”
},
valueLabel：{
显示：假
},
插件：{
数据标签：{
显示：对，
格式化程序：函数（值、上下文）{
返回context.chart.data.labels[context.dataIndex]；
},
//颜色：功能（上下文）{
//返回context.dataset.backgroundColor；
//},
颜色：“rgba（0,0,0,1.0）”，
//颜色：“rgba（255，255，255，1.0）”，
背景颜色：空，
字体：{
尺码：20，
重量：“粗体”
}
}
}
}
};
window.onload=函数（）{
var ctx=document.getElementById（'chart'）.getContext（'2d'）；
window.myGauge=新图表（ctx，配置）；
};
document.getElementById（'randomizeData'）。addEventListener（'click'，function（）{
config.data.datasets.forEach（函数（数据集）{
dataset.data=randomData（）；
dataset.value=随机值（dataset.data）；
});
window.myGauge.update（）；
});
随机化数据