Я роблю веб-сайт за допомогою Visual Studio 2012 / ASP.NET MVC 4, і я хотів би поставити діаграму на головній сторінці за допомогою Flot.
Проект "BundleConfig" створений таким чином, щоб він включав весь каталог Flot і включав jQuery:
bundles.Add(new ScriptBundle("~/bundles/flot").IncludeDirectory("~/Scripts/flot", "*.js"));
bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
"~/Scripts/jquery-{version}.js",
"~/Scripts/jquery-ui-{version}.js",
"~/Scripts/jquery.unobtrusive*",
"~/Scripts/jquery.validate*"));
Сценарії відображаються у файлі _Layout.cshtml.
@Scripts.Render("~/bundles/modernizr", "~/bundles/jquery", "~bundles/flot")
Сценарії знову відображаються на перегляді домашньої сторінки, і флотконтейнер div відображається на домашній сторінці, але лише як порожній прямокутник.
@{
ViewBag.Title = "Home Page";
Scripts.Render("~/bundles/modernizr", "~/bundles/jquery", "~bundles/flot");
}
<div id="flotcontainer" style="width: 600px; height: 400px;"></div>
<script type="text/javascript">
$(function () {
var oilPrices = [[1167692400000, 61.05] ...
...(Flot chart example goes here, nothing wrong with this part)...
});
</script>
Відповіді:
0 для відповіді № 1Відповідь Марка виявилося правильним - проблема полягала в тому, що в "bundles / flot" відсутня зворотна косої риси, і вона повинна була бути написана як "~ / bundles / flot". Дякую Марку!