基本上我是从API获取数据的,我可以查看并检查JSON数组,但是当我为图表生成dataPoint时,我会遇到2个错误:数据字段上的数据无效和值字段上的NaN。
有人可以给我提示吗?
// Fetching the data
fetch('https://appbe-dev.clearvuesystems.co.uk/demandForecast/getLiveLineDataEverySecRestApi').then(response => {
return response.json();
}).then(data => {
// Work with JSON data here
var jsonData = data;
// Generating Data Points
var dataPoints = [];
for (var i = 0; i <= jsonData.length - 1; i++) {
dataPoints.push({ y: new Date(jsonData[i].source_ts), x: Number(jsonData[i].renewablesobligationconsumption) });
console.log(dataPoints);
}
var chart = new CanvasJS.Chart("chartContainer", {
data: [
{
dataPoints: dataPoints,
type: "line",
}
]
});
chart.render();
}).catch(err => {
throw new …Run Code Online (Sandbox Code Playgroud) 我是 Vuetify 的新手(有史以来的第一个项目),我正在尝试在列粘性顶部内设置一张卡片。不幸的是没有按预期工作。我还尝试使用 vue-sticky-directive 中的 v-scroll 指令,结果仍然相同。
这是简化的片段:
<v-row>
<v-col class="sticky-container">
<v-card class="sticky-card">This should be sticky top 90px</v-card>
</v-col>
<v-col>
content
</v-col>
</v-row>
.sticky-container{
overflow-y: auto;
}
.sticky-card{
position: sticky;
top:90px;
align-self: start;
}
Run Code Online (Sandbox Code Playgroud)
我知道我可以使用position:fixed 获得类似的结果,但行为不同,最终结果不是我想要的结果。
有人已经遇到过这个问题并有一些见解可以与我分享吗?