我正在使用 Billboard.js ( https://naver.github.io/billboard.js/ ) 在折線圖中顯示我的數據。在我的 html 中，我在表格之前聲明我的圖形，我希望它出現在所述表格之前，但它正在表格下方加載。我將如何強制圖表出現在表格上方？ <head> <script src="https://d3js.org/d3.v5.min.js"></script> <script src="~/Scripts/billboard.js"></script> <link rel="stylesheet" href="~/Content/billboard.css"> <link rel="stylesheet" href="~/Content/insight.css"> <script type="text/javascript"> var chart = bb.generate({ data: { x: "x", xFormat: "%Y-%m-%d %H:%M", columns: [ ["x"@Html.Raw(Model.FirstOrDefault().List_GraphTime)], ["@Html.Raw(Model.FirstOrDefault().Name_Temp_5m)"@Model.FirstOrDefault().List_Variable_5m] ] }, axis: { x: { type: "timeseries", tick: { format: "%Y-%m-%d %H:%M" } } }, legend: { position: "right" }, zoom: { enabled: { type: "drag" } }, size: { height: 600 }, padding: { right: 260, left: 260 }, bindto: "#chart" }); </script> </head> <div id="chart"></div>
1 回答
www說
TA貢獻1775條經驗 獲得超8個贊
是因為您在呈現綁定元素之前生成圖表。嘗試將您的生成代碼移動到綁定元素呈現后發生，如下所示。
<head>
...
<!-- (1) Move the generation code from -->
<script type="text/javascript">
var chart = bb.generate({ ... });
</script>
</head>
<body>
<div id="chart"></div>
<table class="table wb-tables table-striped table-bordered"></table>
<!-- (2) to this point, where after the '<div id="chart">' is rendered -->
<script type="text/javascript">
var chart = bb.generate({ ... });
</script>
</body>
- 1 回答
- 0 關注
- 172 瀏覽
添加回答
舉報
0/150
提交
取消