仅使用Javascript就可以动态填充google图表
我在我的C#项目中使用Google Charts API（使用CefSharp的WebBrowser），它可以处理硬编码的数据，但每当我尝试使用data.addRows（）以友好方式填充它时，我就会遇到问题。我需要一些简单的东西，比如外部的csv/json，这样就可以在C#内部运行（WebBrowser非常有限，有时会出现错误），但每个解决方案都告诉我通过php服务器或类似的更“复杂”的东西来实现这一点。那么，有没有一种方法可以仅仅使用JavaScript和外部文件（或其他不同但可行的文件）来填充该图表 这就是代码，如果有用的话：仅使用Javascript就可以动态填充google图表,javascript,html,charts,google-visualization,webbrowser-control,Javascript,Html,Charts,Google Visualization,Webbrowser Control,我在我的C#项目中使用Google Charts API（使用CefSharp的WebBrowser），它可以处理硬编码的数据，但每当我尝试使用data.addRows（）以友好方式填充它时，我就会遇到问题。我需要一些简单的东西，比如外部的csv/json，这样就可以在C#内部运行（WebBrowser非常有限，有时会出现错误），但每个解决方案都告诉我通过php服务器或类似的更“复杂”的东西来实现这一点。那么，有没有一种方法可以仅仅使用JavaScript和外部文件（或其他不同但可行的文件）来填
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {packages:["orgchart"]});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Name');
data.addColumn('string', 'Manager');
data.addColumn('string', 'ToolTip');
// For each orgchart box, provide the name, manager, and tooltip to show.
data.addRows([['Alice', 'Mike', ''],['Bob', 'Jim', 'Bob Sponge'],['Carol', 'Bob', '']]);
// Create the chart.
var chart = new google.visualization.OrgChart(document.getElementById('chart_div'));
// Draw the chart, setting the allowHtml option to true for the tooltips.
chart.draw(data, {'allowHtml':true});
}
</script>
</head>
<body>
<div id="chart_div"></div>
</body>
</html>
load（'current'，{packages:[“orgchart”]}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'Name'）；
data.addColumn（'string'，'Manager'）；
data.addColumn（'string'，'ToolTip'）；
//对于每个orgchart框，提供要显示的名称、管理器和工具提示。
addRows（['Alice'、'Mike'、''、'Bob'、'Jim'、'Bob Sponge']、['Carol'、'Bob'、''）；
//创建图表。
var chart=new google.visualization.OrgChart（document.getElementById（'chart_div'））；
//绘制图表，为工具提示将allowHtml选项设置为true。
draw（数据，{'allowtml'：true}）；
}
谢谢大家! 我也做过类似的事情，但我一直在使用google charts API的
arrayToDataTable（）object[，] public ActionResult GetChartData_All_Week()
{
var dataPointsList = this.myDataSource.GetMyDataPointList();
var convertedJson = JsonConvert.SerializeObject(dataPointsList, new JsonSerializerSettings()
{
//Not Needed, I just like to throw out any values that are null.
NullValueHandling = NullValueHandling.Ignore
});
return Content(convertedJson);
Route("Index/Path/To/Post/To")]
public ActionResult GetChartData_All_Week()
[Route] public ActionResult GetChartData_All_Week()
{
var dataPointsList = this.myDataSource.GetMyDataPointList();
var convertedJson = JsonConvert.SerializeObject(dataPointsList, new JsonSerializerSettings()
{
//Not Needed, I just like to throw out any values that are null.
NullValueHandling = NullValueHandling.Ignore
});
return Content(convertedJson);
Route("Index/Path/To/Post/To")]
public ActionResult GetChartData_All_Week()
/Index/Charts/All/Week[["07/04/2020",25.5,44.0],["07/05/2020",25.600000381469727,45.0],["07/06/2020",25.5,44.0],...["07/08/2020",25.5,43.0]]
drawChart（）data.AddRows（）调用之前添加以下内容CS List ToList（）Weather\u Entrypublic List<object> GetMyDataPointList(){
var myDataPointList = new List<MyDataPointType>();
myDataPointList = this.GetMyListOfDataPoints();
List<object> turnMeIntoJSON = new List<object>();
myDataPointList.ForEach(dp => turnMeIntoJSON.Add(dp.ToList));
return turnMeIntoJSON;
}
public List GetMyDataPointList（）{
var myDataPointList=新列表（）；
myDataPointList=this.GetMyListOfDataPoints（）；
List turnMeIntoJSON=新列表（）；
ForEach（dp=>turnMeIntoJSON.Add（dp.ToList））；
返回Turnmeintoson；
}
祝你好运 代码到底有什么问题？没有任何内容呈现到
图表\u div