1
Я использую библиотеку highcharts для рендеринга и рисования диаграммы в javascript. У меня было это нормально, но после переименования моей страницы и переноса моей страницы она теперь не работает. Я не коснулся главной страницы, которая загружает сценарии с высоким качеством и не коснулась скрипта на странице. Любая помощь будет оценена!Javascript не работает после переименования страницы asp.net
<script>
$(document).ready(DrawMyChart1);
function DrawMyChart1() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'newcustomerproc',
defaultSeriesType: 'column',
backgroundColor: '#2a2a2a'
},
title: {
text: 'New Customer Process',
style: { color: '#FFFFFF' }
},
xAxis: {
categories: ['New Customer Process']
},
yAxis: {
title: {
text: 'Stage in Process',
style: { color: '#FFFFFF' }
}
},
legend: {
itemStyle: { color: '#FFFFFF' }
},
tooltip: {
pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b> ({point.percentage:.0f}%)<br/>',
shared: true
},
plotOptions: {
column: { stacking: 'percent' }
},
series: [<%=Series1 %>],
colors:[<%=Colors1 %>]
});
}
</script>
Я также отлажена это поджигатель и по какой-то причине метод $ (документ) .ready() не стрельбы.
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
<div class="widgetarea">
<asp:Panel ID="TrainerDashboardPNL" runat="server" >
<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/Account/Achievements/AchievementList.aspx">
<div class="widget_1x1 round">
<div class="widget_header">
<h3>Achievements</h3>
</div>
<div class="widget_canvas">
<div id="achievementratiodiv" runat="server"></div>
<hr />
<div id="achievementtotaldiv" runat="server"></div>
<div id="achievementgoaldiv" runat="server"></div>
</div>
</div>
</asp:HyperLink>
<div class="widget_1x2 round">
<div class="widget_header">
<h3>Performance Stats</h3>
</div>
<div class="widget_canvas">
<div class="widget_inner_canvas">
<div id="newcustomerproc" style="min-width: 50px; height: 270px; overflow:hidden;"></div>
</div>
<div class="widget_inner_canvas">
<div id="twoweekrankdiv" runat="server"></div>
<div id="twoweekscorediv" runat="server"></div>
<div id="todayscallsdiv" runat="server"></div>
<div id="todayscalltimediv" runat="server"></div>
</div>
</div>
</div>
<div class="widget_1x1 round">
<div class="widget_header">
<h3>Training Level</h3>
</div>
<div class="widget_canvas">
<asp:Image ID="TrainingLevelIMG" runat="server" Height="250px" Width="250px" CssClass="center" />
</div>
</div>
<div class="widget_1x1 round">
<div class="widget_header">
<h3>Opportunities</h3>
</div>
<div class="widget_canvas">
<span class="widget_third_stat">Coming Soon</span>
</div>
</div>
<div class="widget_1x1 round">
<div class="widget_header">
<h3>Opportunity Payout</h3>
</div>
<div class="widget_canvas">
<span class="widget_third_stat">Coming Soon</span>
</div>
</div>
<div>
<div class="widget_1x1 round">
<div class="widget_header">
<h3>Training Potential</h3>
</div>
<div class="widget_canvas">
<div id="potentialearningsdiv" runat="server"></div>
<hr />
<div id="assignedhoursdiv" runat="server"></div>
<div id="payratediv" runat="server"></div>
</div>
</div>
</div>
<div class="widget_1x1 round">
<div class="widget_header">
<h3>Training Hours</h3>
</div>
<div class="widget_canvas">
<div id="careerhoursdiv" runat="server"></div>
<div id="yearlytotaldiv" runat="server"></div>
<div id="nextleveldiv" runat="server"></div>
</div>
</div>
<div class="clear" />
</asp:Panel>
</div>
Вы проверили консоль ошибок? Загружается ли главная страница загрузки jquery через относительный путь, который изменился с момента перемещения файла? –
делает вашу новую страницу также строит серии: [<%=Series1 %>], цвета: [<%=Colors1 %>] свойства правильно? –
Я обновил ссылку на код позади. [<%=Series1 %>], цвета: [<%=Colors1 %>] построены правильно в коде позади с помощью сериализатора javascript. Я просто проверил график по умолчанию на странице, и он не работает. http://www.highcharts.com/demo/column-stacked-percent – cal5barton