Javascript 无法使用Highcharts获取布局
当我使用“HightCharts”时,我无法从_layout.cshtml获取布局,即使其他页面正常获取。 我不知道为什么Javascript 无法使用Highcharts获取布局,javascript,c#,html,asp.net-mvc,highcharts,Javascript,C#,Html,Asp.net Mvc,Highcharts,当我使用“HightCharts”时,我无法从_layout.cshtml获取布局,即使其他页面正常获取。 我不知道为什么 Layout = "~/Areas/Admin/Views/Shared/_Layout.cshtml"; } //my layout @section header{ <i class="fa fa-user"></i> Chart } <link href=&q
Layout = "~/Areas/Admin/Views/Shared/_Layout.cshtml"; } //my layout
@section header{ <i class="fa fa-user"></i> Chart }
<link href="~/Assets/css/chart.css" rel="stylesheet" />
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>
<script src="https://code.highcharts.com/modules/accessibility.js"></script>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<figure class="highcharts-figure">
<div id="container"></div>
<p class="highcharts-description">
This chart shows how data labels can be added to the data series. This
can increase readability and comprehension for small datasets. </p>
</figure>
<script>
$(document).ready(function () {
$.getJSON("/Admin/Product/GetData", function (data) {
var Names = []
var Qts = []
for (var i = 0; i < data.length; i++) {
Names.push(data[i].name);
Qts.push(data[i].count);
}
Highcharts.chart('container', {
chart: { type: 'line' },
title: { text: 'Thống kê các mặt hàng bán ra' },
subtitle: { text: '' },
xAxis: { categories: Names },
yAxis: { title: {
text: 'Số lượng bán ra' } },
plotOptions: { line: { dataLabels: { enabled: true }, enableMouseTracking: false } },
series: [{ name: 'Số lượng bán ra', data: Qts
}] }); }); });
</script>
Layout=“~/Areas/Admin/Views/Shared/_Layout.cshtml”}//我的布局
@节头{Chart}
此图表显示了如何将数据标签添加到数据系列中。这
可以提高小数据集的可读性和理解能力
$(文档).ready(函数(){
$.getJSON(“/Admin/Product/GetData”),函数(数据){
变量名称=[]
变量Qts=[]
对于(变量i=0;i
在这里你可以看到结果
Hi@Phạ蒙蒂ến Long,使用Highcharts不应该对布局有任何影响,因此问题可能与其他方面有关。