用C#向ASPX页面添加Javascript
用C#向ASPX页面添加Javascript
提问于 2014-06-27 14:26:29
我有一些Javascript代码，我想将它添加到我的Default.aspx.cs页面中。
我尝试了以下几点：
string sb = @" <script type='text/javascript'>
var chart;
var chartData = [{'year': 2005,'income': 23.5,'expenses': 18.1},
{'year': 2006,'income': 26.2,'expenses': 22.8},
{'year': 2007, 'income': 30.1, 'expenses': 23.9 },
{'year': 2008,'income': 29.5,'expenses': 25.1},
{'year': 2009,'income': 24.6,'expenses': 25}
];
AmCharts.ready(function () {
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = 'year';
chart.startDuration = 1;
chart.plotAreaBorderColor = '#DADADA';
chart.plotAreaBorderAlpha = 1;chart.rotate = true;var categoryAxis = chart.categoryAxis;
categoryAxis.gridPosition = 'start';
categoryAxis.gridAlpha = 0.1;
categoryAxis.axisAlpha = 0;var valueAxis = new AmCharts.ValueAxis();
valueAxis.axisAlpha = 0;
valueAxis.gridAlpha = 0.1;
valueAxis.position = 'top';
chart.addValueAxis(valueAxis);
var graph1 = new AmCharts.AmGraph();
graph1.type = 'column';
graph1.title = 'Income';
graph1.valueField = 'income';
graph1.balloonText = 'Income:[[value]]';
graph1.lineAlpha = 0;
graph1.fillColors = '#ADD981';
graph1.fillAlphas = 1;
chart.addGraph(graph1);
var graph2 = new AmCharts.AmGraph();
graph2.type = 'column';
graph2.title = 'Expenses';
graph2.valueField = 'expenses';
graph2.balloonText = 'Expenses:[[value]]';
graph2.lineAlpha = 0;
graph2.fillColors = '#81acd9';
graph2.fillAlphas = 1;
chart.addGraph(graph2);var legend = new AmCharts.AmLegend();
chart.addLegend(legend); chart.creditsPosition = 'top-right';
chart.write('chartdiv');
});
</script>";
ScriptManager.RegisterStartupScript(this.Page,
this.GetType(), "MyFun1", sb, false);当直接添加到aspx页面时，代码可以工作，但是当我尝试并尝试任何其他代码时，我无法在我的页面上运行它。
我将从数据库中填充值。所以它必须是动态的
编辑：我解决了这个问题。我在页面上添加了一个标签并编写了以下代码
Label5.Text = sb;回答 1
Stack Overflow用户
回答已采纳
发布于 2014-06-27 14:38:57
问题是代码有注释。它使一些javascript代码在呈现到浏览器时无效，所以请删除这些注释，然后再试一次。
为了进行调试，您可以尝试先将脚本呈现给文本控件，然后在控制台中看到任何脚本错误。
string sb = @" <script type='text/javascript'>
var chart;
var chartData = [{ 'year': 2005, 'income': 23.5,'expenses': 18.1},
AmCharts.ready(function () {
chart = new AmCharts.AmSerialChart();
chart.dataProvider = chartData;
chart.categoryField = 'year';
chart.startDuration = 1;
chart.plotAreaBorderColor = '#DADADA';
chart.plotAreaBorderAlpha = 1;
chart.rotate = true;
var categoryAxis = chart.categoryAxis;
categoryAxis.gridPosition = 'start';
categoryAxis.gridAlpha = 0.1;
categoryAxis.axisAlpha = 0;
var valueAxis = new AmCharts.ValueAxis();
valueAxis.axisAlpha = 0;
valueAxis.gridAlpha = 0.1;
valueAxis.position = 'top';
chart.addValueAxis(valueAxis);
var graph1 = new AmCharts.AmGraph();
graph1.type = 'column';
graph1.title = 'Income';
graph1.valueField = 'income';
graph1.balloonText = 'Income:[[value]]';
graph1.lineAlpha = 0;
graph1.fillColors = '#ADD981';graph1.fillAlphas = 1;
chart.addGraph(graph1);
var graph2 = new AmCharts.AmGraph();
graph2.type = 'column';
graph2.title = 'Expenses';
graph2.valueField = 'expenses';
graph2.balloonText = 'Expenses:[[value]]';
graph2.lineAlpha = 0;
graph2.fillColors = '#81acd9';
graph2.fillAlphas = 1;
chart.addGraph(graph2);
var legend = new AmCharts.AmLegend();
chart.addLegend(legend);
chart.creditsPosition = 'top-right';
chart.write('chartdiv');
});
</script>";
ScriptManager.RegisterStartupScript(this.Page,
this.GetType(), "MyFun1", sb, false);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24454262
复制相关文章
相似问题
腾讯云开发者
